@charset "utf-8";
/* 2015-04-13 */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	margin: 0;
	padding: 0
}
body,
button,
input,
select,
textarea {
	font: 400 14px/1.5 Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
iframe {
	display: block
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 500
}
address,
cite,
dfn,
em,
var,
i {
	font-style: normal;
	font-weight: 400
}
dfn {
	font-family: Arial
}
ul,
ol {
	list-style: none
}
a {
	color: #000;
	text-decoration: none
}
a:hover {
	-webkit-transition: color .2s linear;
	-moz-transition: color .2s linear;
	-ms-transition: color .2s linear;
	-o-transition: color .2s linear;
	transition: color .2s linear
}
fieldset,
img,
button,
input {
	border: 0
}
button,
input,
select,
textarea {
	font-size: 100%
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
input {
	-webkit-appearance: none;
	border-radius: 0
}
body {
	min-width: 320px;
	background: #f5f5f5;
	overflow-x: hidden;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-font-smoothing: antialiased;
	-moz-user-select: none;
	color: #000;
	overflow: hidden;
}
:focus {
	outline: 0
}
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
	line-height: 0
}
.clearfix {
	*zoom: 1
}
.fl {
	float: left
}
.fr {
	float: right
}
.clear {
	clear: both
}
.overflow {
	overflow: hidden
}
.ellips {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.ellips_line2,
.ellips_line3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden
}
.ellips_line2 {
	-webkit-line-clamp: 2
}
.ellips_line3 {
	-webkit-line-clamp: 3
}
.pos_rel {
	position: relative
}
.abs_size {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.opacity {
	opacity: .7
}
.direction_ltr::-webkit-input-placeholder,
.direction_ltr::-moz-input-placeholder,
.direction_ltr::-ms-input-placeholder {
	direction: ltr!important;
	text-align: left
}
html,
body,
.h100,
#main {
	height: 100%
}
.mline {
	margin: 7px 20px 7px 0;
	line-height: 18px
}
button {
	text-align: center
}
.c_bothends {
	overflow: hidden;
	text-align: justify;
	text-align-last: justify
}
.c_bothends:after {
	content: '';
	display: inline-block;
	width: 100%;
	overflow: hidden;
	height: 0
}
.break_all {
	word-break: break-all
}
h1 {
	font: 600 1.286em/2 Tahoma
}
h2 {
	font: 600 1.143em/2 Tahoma
}
h3 {
	font: 600 1em/1.5 Tahoma
}
.size13 {
	font-size: 13px
}
.size12 {
	font-size: 12px
}
.size14 {
	font-size: 14px
}
.font18 {
	font: 600 18px/44px STXihei
}
.cprice,
.corange {
	color: #ff8c00!important
}
.cgray {
	color: #797979
}
.cblue,
.cblue:link,
.cblue:visited,
.cblue:hover,
.cblue:active {
	color: #0072c3
}
.cblue1,
.cblue1:link,
.cblue1:visited,
.cblue1:hover,
.cblue1:active {
	color: #1491C5
}
.cfan {
	color: #FB4C2E
}
.cneed {
	color: #E10006
}
.cpinkgray {
	color: #999
}
.cdarkgray {
	color: #333
}
.greyfont {
	color: #686868
}
.greyfont1 {
	color: #909090
}
.greyfont2 {
	color: #969696
}
.cwhite {
	color: #fff
}
.cgrey {
	color: #d1d1d1
}
.price,
.price2 {
	font: 600 1.43em/2 Arial;
	color: #fff
}
.price1 {
	font-size: 1em;
	color: #f60
}
.price i,
.price2 i {
	margin-right: 5px;
	font-size: .7em
}
.order_price i {
	font: 600 1.43em/2 Arial
}
.newprice {
	margin-left: 5px
}
.newprice i {
	margin-left: 2px;
	font-size: 1.286em
}
.ls20 {
	letter-spacing: 20px
}
.m10 {
	margin: 10px
}
.mt10 {
	margin-top: 10px
}
.mb10 {
	margin-bottom: 10px
}
.pt10 {
	padding-top: 10px
}
.pb10 {
	padding-bottom: 10px
}
.hm {
	text-align: center
}
.vm {
	vertical-align: middle
}
.mlr {
	margin: 0 10px
}
.mtb {
	margin: 20px 0
}
.pb85 {
	padding-bottom: 85px!important
}
.b60 {
	padding-bottom: 45px
}
.p10 {
	padding: 10px
}
.wrap_pb {
	margin-top: 48px;
	padding-bottom: 45px
}
.cont_wrap {
	margin: 48px 0 0
}
.cont_pd_wrap {
	margin: 48px 0 0;
	padding: 10px
}
.cont_box_white {
	padding: 10px;
	margin-bottom: 10px;
	background: #fff
}
.cont_blue,
.cont_blue1 {
	margin-top: 48px
}
.bg_white {
	background-color: #fff
}
.checked,
.i,
.i_bef:before,
.i_aft:after,
.arr_r:after,
.arr_down:after,
.arr_up:after,
.tuan_tag li:before,
.mulselect_yes,
#city_list li.citylistcrt:after,
.fselect.current i,
.delivy.s_tickets .light.current:after,
.delivy.s_tickets .light:active:after,
#city_list .cur-selected:after,
.returnico:before,
.citylist .ok_crt:after,
body .cui-select-fullscreen .cui-option-selected:after,
.cui-keyboard .cui-letter-x,
.cui-keyboard .cui-btn-delete,
.cui-fail-icon {
	background: url(//pic.c-ctrip.com/h5/common/comm_bg.png) no-repeat;
	background-size: 242px 260px
}
.checkbox {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	vertical-align: middle;
	border: 1px solid #ddd;
	background-color: #fff
}
input[type=checkbox]:checked,
.checked {
	background-position: -190px -23.5px
}
.disable {
	color: #aaa!important
}
.icon_gift {
	display: inline-block;
	width: 12px;
	height: 11px;
	vertical-align: middle;
	background-position: -100px -64px;
	margin: 0 5px
}
.tuan_tag li:before {
	width: 10px;
	height: 11px;
	background-position: -190px -45.5px;
	top: 5px;
	left: -12px
}
.icon_home:before {
	width: 21px;
	height: 19px;
	top: 14px;
	right: 10px;
	background-position: -145px 0
}
.icon_phone:before {
	width: 17px;
	height: 20px;
	top: 14px;
	right: 12px;
	background-position: -170.5px 0
}
.icon_search_w:before {
	background-position: -220px -133px;
	width: 20px;
	height: 20px;
	right: 10px;
	top: 14px
}
.icon_share:before {
	width: 20px;
	height: 15px;
	top: 16px;
	right: 11px;
	background-position: -198px -134px
}
.icon_unfav:before,
.icon_fav:before {
	width: 18px;
	height: 16px;
	top: 16px;
	right: 12px
}
.icon_unfav:before {
	background-position: -152px -134px
}
.icon_fav:before {
	background-position: -175px -134px
}
.icon_city:before,
.icon_date:before,
.icon_star:before,
.icon_keyword:before,
.icon_vctk:before,
.icon_vctl:before {
	left: 0;
	top: 8px;
	width: 22px;
	height: 20px
}
.icon_city:before {
	background-position: -100px -43px
}
.icon_date:before {
	top: 10px;
	background-position: -100px -23px
}
.icon_date1:before {
	background-position: 0 0
}
.icon_star:before {
	background-position: -100px -83px
}
.icon_keyword:before {
	width: 20px;
	background-position: -100px 0
}
.call:before {
	top: 8px;
	left: 8px;
	width: 13px;
	height: 16px;
	background-position: -168px -23px
}
.icon_ok {
	display: inline-block;
	width: 34.5px;
	height: 33.5px;
	margin: -10px 10px 0 0;
	vertical-align: middle;
	background-position: -50px -64px
}
.icon_vctk:before {
	background-position: -124px -105.5px
}
.icon_vctl:before {
	height: 22px;
	background-position: -150.5px -104px
}
.order_ok {
	padding: 20px 10px!important;
	text-align: center;
	font: 600 1.143em/1.8 STXihei;
	color: #7ab541
}
.order_okinfo {
	padding: 10px 10px 20px;
	font: 400 12px/1.5 STXihei;
	color: #000
}
.mulselect_no,
.mulselect_yes {
	display: inline-block;
	width: 20px;
	height: 21px;
	margin-right: 15px;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #ddd
}
.mulselect_yes {
	border: 0;
	background-position: -190px -23px
}
.delivy.s_tickets .light.current:after,
.delivy.s_tickets .light:active:after,
#city_list .cur-selected:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 19px;
	height: 19px;
	margin-top: -8px;
	background-position: -190px -83px
}
.fselect.current i {
	position: absolute;
	bottom: 0;
	background-position: -190px -83px;
	width: 19px;
	height: 19px;
	display: inline-block
}
.tuan_pic {
	width: 100%;
	max-width: 300px;
	height: 180px;
	margin: 0 auto
}
.city_box_emp {
	padding: 100px 10px 10px;
	text-align: center
}
.cityli,
.city-item {
	position: relative;
	font: 400 14px/40px Tahoma;
	border-bottom: 1px solid #f2f2f2;
	background-color: #fff
}
.cityli i,
.city-item i {
	margin-left: 10px
}
.cityli li,
.city-item li {
	position: relative;
	display: none;
	padding: 0 10px;
	border-bottom: 1px solid #CEE1EE;
	background: #EBF2FA
}
#city_list .citylistclick:after {
	background-image: none
}
.citylistclick li {
	display: block
}
#city_list li.citylistcrt:after,
.list_crt:after {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 3px;
	width: 24px;
	height: 20px;
	content: "";
	background-position: -190px -83px
}
.cityarea_list li {
	position: relative;
	padding-left: 15px;
	font: 400 14px/40px Tahoma;
	border-bottom: 1px solid #f2f2f2;
	background: #fff
}
.cityarea_list li.list_crt {
	border-bottom: 1px solid #CEE1EE;
	background: #EBF2FA
}
.city_tab {
	overflow: hidden;
	border-bottom: 1px solid #cfcfcf
}
.city_tab li {
	float: left;
	width: 50%;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	text-align: center;
	background: #f7f7f7;
	color: #808285;
	border-bottom: 4px solid transparent
}
.city_tab li.cityTabCrt {
	color: #329ECB;
	border-bottom: 4px solid #1491C5
}
.citylisttab {
	background: none!important;
	padding-bottom: 0!important
}
.citylist {
	color: #000
}
.citylist dt,
.citylist dd {
	padding-left: 10px;
	border-bottom: 1px solid #e2e2e2;
	word-break: break-all;
	overflow: hidden
}
.citylist dt {
	padding-top: 2px;
	line-height: 25px;
	background-color: #eaeaea;
	color: #666
}
.citylist dd {
	position: relative;
	font-size: 16px;
	padding: 7px 20px 7px 10px;
	background-color: #fff
}
.citylist .ok_crt {
	color: #1491c5
}
.citylist .ok_crt:after {
	position: absolute;
	content: "";
	right: 10px;
	top: 50%;
	margin-top: -6px;
	width: 12px;
	height: 13px;
	background-position: -191px -86.5px
}
.citylist .emptyitem {
	padding: 20px 0;
	border: 0;
	background: 0 0;
	text-align: center;
	color: #666
}
.date_txt em {
	display: block;
	font: 700 16px/2 "";
	color: #ff8c00
}
.date_txt b {
	display: block;
	line-height: 24px
}
.text_box {
	padding: 10px 18px;
	margin-top: 10px;
	color: #535353;
	background: #feeecc
}
.icon_jian {
	width: 30px;
	height: 15px;
	line-height: 15px;
	padding: 2px;
	margin-left: 5px;
	text-align: center;
	font-family: STHEITI;
	font-size: 12px;
	font-weight: 700;
	background-color: #FB4C2E;
	color: #fff
}
.fix_bottom,
.fix_b {
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	z-index: 9999
}
.btn_blue.fix_bottom {
	width: 100%;
	margin: auto;
	text-align: center
}
.arr_r,
.arr_up,
.arr_down {
	position: relative
}
.arr_r:after,
.arr_up:after,
.arr_down:after {
	top: 50%;
	margin-top: -8px;
	right: 10px;
	width: 7.5px;
	height: 14.5px;
	background-position: -190.5px -63.5px
}
.arr_up:after {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
.arr_down:after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}
.li_arr_r {
	position: relative
}
.newarr_r {
	position: absolute;
	right: 0;
	top: 50%;
	width: 30px;
	height: 30px;
	margin-top: -15px
}
.newarr_r:before,
.newarr_r:after,
.li_arr_r:before,
.li_arr_r:after {
	position: absolute;
	left: 15px;
	content: "";
	width: 2px;
	height: 7px;
	background-color: #909090
}
.newarr_r:before,
.li_arr_r:before {
	top: 10px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.newarr_r:after,
.li_arr_r:after {
	top: 14px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.li_arr_r:before,
.li_arr_r:after {
	left: auto;
	right: 10px;
	top: 50%;
	margin-top: -5px
}
.li_arr_r:after {
	margin-top: 0
}
#headerview header,
.sub-viewport header {
	z-index: 2000
}
header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 48px;
	background-color: #1491c5
}
header h1 {
	position: absolute;
	width: 100%;
	line-height: 48px;
	text-align: center;
	letter-spacing: 2px;
	color: #fff
}
header h1 a {
	color: #fff
}
header h2 {
	position: absolute;
	width: 100%;
	line-height: 48px;
	text-align: center;
	letter-spacing: 1px;
	color: #fff
}
header h2 a {
	color: #fff
}
header i {
	position: absolute;
	left: 0;
	top: 0;
	height: 48px
}
.returnico {
	position: absolute;
	left: 0;
	top: 0;
	width: 68px;
	height: 48px;
	background-color: #15a4d5
}
.returnico:before {
	left: 25px;
	top: 14px;
	width: 12px;
	height: 20px;
	content: "";
	position: absolute;
	background-position: -100px -105px
}
.icon_home,
.icon_phone,
.icon_share,
.icon_unfav,
.icon_fav,
.icon_search_w {
	width: 42px;
	height: 100%;
	top: 0;
	position: relative;
	z-index: 9;
	float: right
}
.header_r,
.header_rs,
.rightblue {
	min-width: 44px;
	position: absolute;
	z-index: 9;
	top: 0;
	left: auto;
	right: 0;
	line-height: 48px;
	padding: 0 8px;
	font-size: 15px;
	background: #15a4d5;
	color: #fff;
	text-align: center
}
.header_rs {
	padding: 0 5px;
	font-size: 14px
}
.i_bef:before,
.i_aft:after,
.arr_r:after,
.arr_down:after,
.arr_up:after,
.tuan_tag li:before,
.tab_search li:before,
.tab_search li:after,
#city_list li.citylistcrt:after,
.list_crt:after {
	content: "";
	position: absolute
}
.bluepolygon,
.yelwpolygon {
	font: 600 1.143em/2 STXihei;
	display: inline-block;
	position: relative;
	padding: 3px 10px;
	margin: -5px 10px 0 5px
}
.bluepolygon:after,
.yelwpolygon:after {
	content: "";
	position: absolute;
	border-width: 20px 5px;
	border-style: solid
}
.bluepolygon {
	background: #31a9e9;
	color: #fff
}
.bluepolygon:after {
	right: -9px;
	top: 0;
	border-color: #31a9e9 transparent transparent #31a9e9
}
.yelwpolygon {
	background: #ffe100;
	color: #424242
}
.yelwpolygon:after {
	left: -9px;
	right: auto;
	top: -2px;
	border-color: transparent #ffe100 #ffe100 transparent
}
.openclose em {
	display: inline-block;
	width: 60px;
	height: 23px;
	line-height: 23px;
	background: #CCC;
	border-radius: 50px;
	vertical-align: bottom;
	float: right;
	position: relative;
	-webkit-transition: background 150ms linear
}
.openclose em i {
	width: 21px;
	height: 21px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 1px;
	left: 1px
}
.openclose em.open {
	background: #15A4D5
}
.openclose em.open i {
	left: auto;
	right: 1px
}
.s_on,
.s_off {
	position: relative;
	background: #ddd;
	color: #fff;
	font-size: 1.2em;
	font-weight: 700;
	display: inline-block;
	height: 25px;
	line-height: 25px
}
.s_on {
	padding: 6px 8px 6px 13px
}
.s_on.current,
.s_off.current {
	background: #31a9e9
}
.s_on:after,
.s_off:after {
	content: "";
	position: absolute;
	top: 0
}
.s_on:after {
	right: -9px;
	border-top: 37px solid #ddd;
	border-right: 9px solid transparent
}
.s_on.current:after {
	border-top: 37px solid #31a9e9
}
.s_off {
	padding: 6px 13px 6px 8px;
	margin-left: 15px
}
.s_off:after {
	left: -9px;
	border-bottom: 37px solid #ddd;
	border-left: 9px solid transparent
}
.s_off.current:after {
	border-bottom: 37px solid #31a9e9
}
.s_woman.current {
	background: #ff6fb7
}
.s_woman.current:after {
	border-bottom: 37px solid #ff6fb7
}
.btn_blue,
.btn_blue1 {
	display: block;
	width: 50%;
	height: 45px;
	line-height: 45px;
	background: #FF9913;
	color: #fff;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	-webkit-tap-highlight-color: #ff8c00
}
.btn_blue1 {
	background: #31a9e8
}
.order_btnbox {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 45px;
	text-indent: 20px;
	font: 700 1em/45px Tahoma;
	letter-spacing: 2px;
	background-color: #fd8023;
	color: #333
}
.order_btn {
	float: right;
	line-height: 45px;
	padding: 0 30px;
	font-weight: 600;
	background: #fc6808;
	color: #fff
}
.icon_city:before,
.icon_date:before,
.icon_star:before,
.icon_keyword:before {
	left: 0;
	top: 8px;
	width: 22px;
	height: 21px
}
input {
	width: 100%;
	height: 42px;
	border: 0;
	padding: 0 5px;
	background: transparent;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0
}
input.input_s,
input.input_sl {
	position: absolute;
	right: 20px;
	top: 0;
	width: 65%;
	text-align: right;
	font-size: 1em
}
input.input_s::-webkit-input-placeholder,
input.input_s::-moz-placeholder {
	text-align: right
}
input.input_sl {
	text-align: left
}
.input_box {
	position: relative;
	margin: 10px 0
}
.clear_input:after {
	position: absolute;
	content: "+";
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	text-align: center;
	font: 700 16px/18px verdana;
	color: #fff;
	border-radius: 1em;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
	border: 3px solid #fff;
	background: #ccc;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.place_search_box {
	position: relative
}
input.place_search {
	width: 100%;
	box-sizing: border-box;
	padding-right: 20px;
	height: 32px;
	line-height: 32px;
	border: 0;
	border-radius: 4px;
	letter-spacing: 2px;
	font: 400 14px/20px Tahoma;
	background: #fff
}
input[type=text].place_search:empty {
	padding-left: 2.5em
}
.needs:before {
	display: inline-block;
	width: 10px;
	margin-left: -10px;
	content: "*";
	vertical-align: middle;
	color: #e10006
}
.needs {
	font-weight: 700
}
.btn_blue:active,
header i:active,
.icon_home:active,
.icon_phone:active,
.icon_share:active,
.icon_unfav:active,
.icon_fav:active {
	opacity: .7
}
.arr_r:active,
.arr_up:active,
.arr_down li:active,
#order_list li:active,
.cfbox li:active,
.filter_r li:active,
.filter_l li:active {
	background: rgba(242, 242, 242, .8)
}
.list_fold {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 30px;
	height: 10px;
	margin-left: -20px;
	border-bottom: 12px solid #e4e4e4;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	cursor: pointer
}
.list_fold:before,
.list_fold:after {
	display: block;
	position: absolute;
	content: "";
	top: 13px;
	width: 2px;
	height: 8px;
	border-radius: 5px;
	background: #fff
}
.list_fold:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 12px
}
.list_fold:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 16px
}
.packup:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 12px
}
.packup:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 16px
}
.slider_wrap {
	width: 300px;
	overflow: hidden;
	margin: 48px auto;
	overflow: hidden
}
.slider {
	position: relative;
	width: 3000px;
	overflow: hidden
}
.slider figure {
	float: left;
	width: 300px;
	text-align: center;
	overflow: hidden
}
.slider figcaption {
	letter-spacing: 1px;
	line-height: 60px
}
.slider_bar {
	position: relative;
	height: 30px;
	margin-top: 20px;
	line-height: 30px;
	text-align: center;
	background: #1491c5;
	color: #fff
}
.slider_prev,
.slider_next {
	position: absolute;
	top: 0;
	width: 30px;
	height: 30px
}
.slider_prev {
	left: 5px
}
.slider_next {
	right: 5px
}
.slider_prev:before,
.slider_next:before {
	position: absolute;
	content: "";
	top: 5px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent
}
.slider_prev:before {
	left: 7px;
	border-right: 12px solid #fff
}
.slider_next:before {
	right: 7px;
	border-left: 12px solid #fff
}
.tab_by {
	width: 100%;
	border-bottom: 1px solid #ddd;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}
.tab_by:after {
	clear: both;
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	line-height: 0
}
.tab_by li {
	position: relative;
	float: left;
	height: 40px;
	vertical-align: middle;
	-moz-box-sizing: border-box;
	box-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	text-align: center;
	font: 600 1.143em/40px STXihei;
	border-right: 1px solid #ddd;
	background: #f2f2f2;
	color: #666
}
.tab_by li:last-child {
	border-right: 0
}
.tab_by i {
	position: absolute;
	top: 20px;
	right: 10px;
	width: 0;
	height: 0;
	vertical-align: middle;
	border-top: 5px solid #626262;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent
}
.tab_by li.hover {
	background-color: #ddd
}
.tab_by em {
	font-weight: 900;
	margin-left: 2px
}
.bytime em {
	color: #1491c5;
	text-shadow: 1px 0 1px #1491c5
}
.byprice em {
	color: #ff8c00;
	text-shadow: 1px 0 1px #ff8c00
}
.search_day dd.city_txt {
	line-height: 18px;
	font-weight: 700
}
.search_day {
	margin-bottom: 12px
}
.search_list h3,
.search_day dt {
	position: relative;
	text-indent: 30px;
	font: 400 14px/40px STXihei;
	color: #c7c7c7
}
.search_list p,
.search_day dd {
	position: relative;
	padding: 0 5px 0 10px;
	line-height: 45px;
	background: #f2f2f2
}
.search_day {
	width: 100%;
	overflow: hidden;
	margin-right: -2%
}
.search_day dl {
	float: left;
	width: 49%
}
.search_day dl:first-child {
	margin-right: 2%
}
.search_day dd {
	padding: 10px
}
.search_day em {
	display: block;
	font: 600 1.286em/30px STXihei;
	color: #ff7900
}
.search_day i {
	display: block;
	line-height: 20px
}
.tab_search {
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 40px;
	overflow: hidden
}
.tab_search li {
	position: relative;
	width: 50%;
	height: 40px;
	background: #ededed;
	color: #7e7e7e;
	text-align: center;
	font: 600 1.143em/40px STXihei;
	-webkit-box-flex: 1;
	-moz-flex: 1;
	-ms-box-flex: 1;
	box-flex: 1;
	border-top: 1px solid #c6c6c6
}
.tab_search li:nth-of-type(2),
.tab_search li:nth-of-type(3) {
	border-left: 1px solid #c6c6c6
}
.tab_search li:first-child {
	margin-left: 14px
}
.tab_search li:last-child {
	margin-right: 14px
}
.tab_search li:after {
	top: -1px;
	right: -14px;
	width: 0;
	height: 0;
	border-bottom: 14px solid #1491c5;
	border-right: 14px solid transparent
}
.tab_search li:first-child:after {
	right: auto;
	left: -14px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
.tab_search li:before {
	top: 13px;
	right: -14px;
	width: 14px;
	height: 27px;
	background: #ededed
}
.tab_search li:first-child:before {
	top: 13px;
	left: -14px;
	width: 14px;
	height: 27px;
	background: #ededed
}
.tab_search li.tabcrt:after {
	width: 0;
	height: 0;
	border-bottom: 9px
}
.tab_search li.tabcrt {
	margin: 0;
	background: #1491c5;
	color: #fff
}
.tab_search li a {
	text-decoration: none;
	display: block
}
.tab_search li a:link,
.tab_search li a:visited,
.tab_search li a:hover,
.tab_search li a:active {
	color: #7e7e7e
}
.tab_search li.tabcrt a,
.tab_search li.tabcrt a:link,
.tab_search li.tabcrt a:visited,
.tab_search li.tabcrt a:hover,
.tab_search li.tabcrt a:active {
	color: #fff
}
.tab_search li.tabcrt:after {
	background: 0 0
}
.room_num {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -16px;
	width: 100px;
	height: 30px;
	line-height: 30px;
	color: #000;
	background-color: #fff;
	text-align: center;
	border: #bfbfbf 1px solid
}
.room_num i {
	position: absolute;
	background: #06a2d0;
	width: 30px;
	height: 30px;
	text-align: center;
	font: 400 2em/28px Arial
}
.room_num i:first-child {
	left: 0;
	color: #fff;
	font: 400 2.8em/25px Arial
}
.room_num i:last-child {
	right: 0;
	color: #fff
}
.room_num .num_invalid {
	background: #f4f4f4;
	color: #d9d9d9!important
}
.room_num .click_area_l,
.room_num .click_area_r {
	width: 42px;
	height: 42px;
	position: absolute;
	top: 0
}
.room_num .click_area_l {
	left: 0
}
.room_num .click_area_r {
	right: 0
}
.filter_l {
	float: left;
	width: 30%;
	min-height: 100%;
	text-align: center;
	color: #A9A9A9;
	background-color: #E4E1E1
}
.filter_l li {
	height: 45px;
	line-height: 45px;
	background: #E4E1E1;
	color: #797979
}
.filter_l li.hover {
	background: #F5F5F5;
	color: #424242
}
.filter_r {
	float: left;
	width: 70%;
	min-height: 100%;
	height: auto;
	background: #fff
}
.filter_r li {
	height: 46px;
	line-height: 46px;
	text-indent: 30px
}
.filter_r li.choosed {
	background: #33A6F2;
	color: #fff
}
.singer {
	width: 100%
}
.singer li {
	text-indent: 20px
}
#city_list .cur-selected {
	background-color: #ebf4fa
}
#city_list .cur-selected:after {
	right: 40px
}
#city_list .sub-city-box .cur-selected:after {
	right: 20px
}
.sub-city-box li,
.city-group-title,
.grouptitle {
	padding-left: 10px
}
.calhead-box {
	height: 48px;
	line-height: 48px;
	background: #1491c5;
	position: relative;
	text-align: center
}
.calhead-box .calhead-pad {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 48px;
	z-index: 100;
	background: #1491c5
}
.calhead-box .calhead-back {
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	height: 100%
}
.calhead-box .calhead-back:active {
	background: #005C9C
}
.calhead-box .calhead-title {
	height: 48px;
	font: 600 1.286em/2.7em STXihei;
	color: #fff
}
.tab_haspop {
	display: inline-block;
	width: 70%;
	margin-right: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.tab_pop {
	display: none;
	position: absolute;
	z-index: 99;
	right: 0;
	top: 41px;
	width: 100%;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #f2f2f2;
	color: #000
}
.tab_pop p {
	height: 35px;
	text-align: center;
	padding: 0 10px;
	font: 400 12px/35px Arial;
	letter-spacing: -1px
}
.tab_pop p:active {
	background-color: #30AAE8;
	color: #fff
}
.tab_by .tab_popshow i {
	border-top: 0;
	border-bottom: 5px solid #626262;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent
}
.tab_popshow .tab_pop {
	display: block
}
.blue_btn_s {
	display: block;
	margin: 10px auto;
	padding: 0 40px;
	line-height: 44px;
	background-color: #2a97e2;
	color: #fff
}
.icon_search {
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: -10px 15px 0 0;
	vertical-align: middle;
	border: 2px solid #fff;
	border-radius: 14px
}
.icon_search:before {
	position: absolute;
	content: "";
	top: 14px;
	right: -5px;
	width: 4px;
	height: 8px;
	background: #fff;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.right_txt,
.right_bluetxt {
	float: right;
	margin-right: 24px;
	color: #999
}
.right_bluetxt {
	color: #0073c3
}
.list_st_border li:active,
.p_hinttxt:active,
.search_cancel:active,
.citylist dd:active {
	background: #f8f8f8
}
.select_n:before {
	width: 20px;
	height: 20px;
	background-position: -98px -133px
}
.select_n.current:before {
	background-position: -124px -133px
}
.search_wrap {
	position: relative;
	overflow: hidden;
	padding: 10px;
	background: #dfeaf1;
	border-bottom: 1px solid #c1c1c1
}
.search_wrap input {
	background: #FFF
}
.search_box {
	position: relative;
	float: left;
	width: 100%
}
.search_input {
	width: 100%;
	height: 35px;
	padding: 0 20px 0 28px;
	background-color: #fff;
	border-radius: 4px;
	line-height: normal
}
.cont_blue .place_search {
	background: #fff
}
.fdj:before,
.fdj:after,
.search_box:before,
.search_box:after,
.place_search_box:before,
.place_search_box:after {
	position: absolute;
	content: "";
	z-index: 9
}
.fdj:before,
.search_box:before,
.place_search_box:before {
	left: 6px;
	top: 50%;
	margin-top: -8px;
	width: 12px;
	height: 12px;
	border: 1px solid #bcbcbc;
	border-radius: 50%
}
.fdj:after,
.search_box:after,
.place_search_box:after {
	left: 20px;
	top: 50%;
	margin-top: 2px;
	width: 1px;
	height: 8px;
	background: #bcbcbc
}
.search_cancel {
	display: none;
	float: left;
	width: 20%;
	line-height: 35px;
	text-align: center;
	font-size: 16px;
	color: #1491c5;
	background: transparent;
	border: 0;
	margin-top: 2px
}
.close_icon {
	display: none;
	position: absolute;
	z-index: 10;
	top: 8px;
	right: 4px;
	width: 16px;
	height: 16px;
	border-radius: 30px;
	background: #b1b1b1
}
.close_icon:before,
.close_icon:after {
	position: absolute;
	content: "";
	top: 4px;
	left: 7px;
	width: 2px;
	height: 8px;
	background: #fff
}
.close_icon:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.fdj:after,
.search_box:after,
.close_icon:after,
.place_search_box:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.search_focus .search_box {
	width: 80%
}
.search_focus .close_icon,
.search_focus .search_cancel {
	display: block
}
.search_input:focus {
	color: #000
}
.search_box.nozoom:after,
.search_box.nozoom:before {
	display: none
}
.nozoom .search_input {
	padding-left: 10px
}
.js_search_opt .place_search_box {
	margin-right: 80px
}
.js_search_opt .history_close {
	display: block
}
.history_close {
	display: none;
	position: absolute;
	width: 80px;
	height: 32px;
	line-height: 32px;
	top: 7px;
	right: 0;
	font-size: 16px;
	cursor: pointer
}
.history_close .hclose {
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	color: #1491c5
}
.tab {
	background-color: #f8f8f8;
	border-bottom: 1px solid #dfdfdf
}
.tab li {
	float: left;
	width: 50%;
	height: 39px;
	line-height: 39px;
	text-align: center;
	border-right: 1px solid #dfdfdf
}
.tab li:last-child {
	border-right: 0
}
.tab li.tabcrt {
	background-color: #dfdfdf
}
.tab_b {
	background-color: #f5f5f5;
	border-bottom: 1px solid #c1c1c1;
	overflow: hidden
}
.tab_b li {
	float: left;
	width: 50%;
	height: 39px;
	line-height: 39px;
	text-align: center
}
.tab_b li:last-child {
	border-right: 0
}
.tab_b li.tabcrt {
	color: #1491c5;
	border-bottom: 4px solid #1491c5
}
.white_box {
	background: #fff
}
.white_box li {
	position: relative;
	line-height: 44px;
	overflow: hidden;
	border-bottom: 1px solid #ddd
}
.white_box label {
	display: inline-block;
	box-sizing: border-box;
	width: 90px;
	padding-left: 25px;
	font: 400 13px/44px "";
	color: #999
}
.list_st_border {
	background: #fff;
	border-bottom: 0;
	border: 1px solid #cfcfcf
}
.list_st_border li {
	position: relative;
	padding: 0 10px;
	line-height: 43px;
	border-bottom: 1px solid #cfcfcf
}
.list_st_border li:last-child {
	border-bottom: 0
}
.list_sli {
	padding: 10px 20px 10px 10px;
	overflow: hidden;
	border-bottom: 1px solid #cfcfcf;
	background: #fff
}
.list_sli .list_sunit {
	float: left
}
.p_grey {
	margin: 10px 5px;
	font-size: 13px;
	color: #989898
}
.p_grey_center {
	text-align: center;
	margin: 20px 5px;
	font-size: 13px;
	color: #989898
}
.p_hinttxt {
	padding: 20px 10px;
	text-align: center;
	font-size: 16px;
	color: #1491c5
}
.btn_yellow,
.btn_del {
	width: 100%;
	height: 44px;
	line-height: 42px;
	padding-left: 10px;
	color: #fff;
	box-sizing: border-box
}
.btn_yellow {
	background: #ff9913
}
.btn_del {
	background: #ca4345;
	text-align: center;
	font-size: 1.2em
}
.btn_pay {
	padding: 0 20px;
	height: 44px;
	float: right;
	background: #ff7d13;
	color: #fff
}
.btn_pay:active {
	background: #ff7300
}
#dl_app {
	width: 100%;
	height: auto;
	max-height: 85px;
	min-height: 40px;
	background: rgba(0, 0, 0, .7);
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}
.txt_middle {
	display: flex;
	align-items: center;
	display: -webkit-box;
	-webkit-box-align: center
}
#dl_app #icon_text {
	box-flex: 5;
	flex: 5;
	-webkit-box-flex: 5;
	-moz-flex: 5;
	-ms-flex: 5;
	padding: 5px;
	box-sizing: border-box
}
#dl_app #app_link {
	box-flex: 3;
	flex: 3;
	-webkit-box-flex: 3;
	-moz-flex: 3;
	-ms-flex: 3
}
#dl_app #close_icon {
	box-flex: 2;
	flex: 2;
	-webkit-box-flex: 2;
	-moz-flex: 2;
	-ms-flex: 2;
	min-width: 40px
}
#icon_text img {
	display: block
}
#app_link {
	background: rgba(45, 141, 233, 1);
	padding: 0 2%;
	margin: 5px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
#app_link img {
	display: block;
	margin: 0 auto
}
#close_icon {
	width: 14px;
	background: url() center center no-repeat;
	background-size: 14px 14px
}
@media screen and (max-width: 640px) {
	#icon_text img,
	#app_link img {
		width: 90%
	}
}
.hyb_detail_pub {
	border: #cfcfcf 1px solid;
	background-color: #fff
}
.hyb_detail_lines {
	border-bottom: #cfcfcf 1px solid
}
.hyb_detail_pub .hd {
	background-color: #f5f5f5;
	font-size: 15px;
	padding: 5px 10px;
	color: #686868
}
.hyb_detail_pub .hd .l_tit {
	float: right;
	line-height: 22px;
	color: #262626
}
.hyb_detail_pub .hd .r_tit {
	color: #ff9913;
	font-size: 15px
}
.hyb_detail_pub .hd .r_tit dfn {
	margin: 0 4px
}
.hyb_detail_pub .mod {
	position: relative;
	overflow: hidden;
	padding: 10px
}
.hyb_detail_pub .mod dt {
	color: #686868;
	float: left
}
.hyb_detail_pub .mod .hm {
	padding: 15px 0 10px
}
.hyb_detail_pub .mod dd {
	padding-left: 75px;
	word-break: break-all
}
.hyb_detail_pub .mod.pad_left30 dd,
.hyb_detail_pub .mod.pad_left30 th {
	padding-left: 25px;
	line-height: 20px
}
.hyb_detail_pub .mod.pad_left30 th {
	text-align: left;
	font-weight: 400;
	vertical-align: top
}
.hyb_cancel {
	border: #cfcfcf 1px solid;
	padding: 7px 29px;
	color: #686868;
	margin-left: -1px
}
.hyb_cancel em {
	color: #c4c4c4
}
.hyb_time {
	color: #ff9913;
	margin-right: 5px;
	font-weight: 700;
	display: inline-block
}
.hyb_time b {
	font-size: 12px;
	margin-left: 2px
}
.hyb_cblue {
	color: #1491c5
}
.hyb_cgray2 {
	color: #686868
}
.sjblue {
	width: 0;
	height: 0;
	border-width: 8px;
	border-style: solid;
	display: inline-block;
	vertical-align: bottom;
	border-color: #1491c5 transparent transparent;
	margin-left: 5px
}
.sjblue_bottom {
	border-color: transparent transparent #1491c5;
	vertical-align: top
}
.hyb_meal {
	margin: -2px 0 1px;
	line-height: 18px;
	color: #949494
}
.succeed_icon {
	position: absolute;
	left: 0;
	top: -5px;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	border: 4px solid #12b319
}
.succeed_icon:before,
.succeed_icon:after {
	position: absolute;
	content: "";
	width: 4px;
	background: #12b319
}
.succeed_icon:before {
	left: 14px;
	top: 20px;
	height: 15px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.succeed_icon:after {
	left: 26px;
	top: 10px;
	height: 25px;
	-webkit-transform: rotate(40deg);
	-moz-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	-o-transform: rotate(40deg);
	transform: rotate(40deg)
}
.checkbox_wrap_b i {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	background: #e8e8e8;
	border: 1px solid #e8e8e8
}
.checkbox_wrap_b i:before,
.checkbox_wrap_b i:after {
	position: absolute;
	content: "";
	top: 9px;
	left: 1px;
	width: 8px;
	height: 4px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.checkbox_wrap_b i:after {
	top: 7px;
	left: 4px;
	width: 16px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.checkbox_b_checked i {
	background: #15a4d5;
	border: 1px solid #15a4d5
}
.checkbox_wrap_c i {
	position: relative;
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	background: #fff;
	border: 1px solid #a9a9a9;
	border-radius: 50%
}
.checkbox_c_checked i:before,
.checkbox_c_checked i:after {
	position: absolute;
	content: "";
	top: 8px;
	left: 2px;
	width: 8px;
	height: 2px;
	background: #099fde;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.checkbox_c_checked i:before {
	z-index: 9
}
.checkbox_c_checked i:after {
	top: 5px;
	left: 6px;
	width: 16px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-box-shadow: 0 -2px 0 #fff, 0 2px 0 #fff;
	-moz-box-shadow: 0 -2px 0 #fff, 0 2px 0 #fff;
	-ms-box-shadow: 0 -2px 0 #fff, 0 2px 0 #fff
}
.checkbox_c_checked i {
	border: 1px solid #099fde
}
.checkbox_wrap_bs i {
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	background: url("") no-repeat 0 -21px;
	background-size: 15px 35px
}
.checkbox_bs_checked i {
	background-position: 0 0
}
.g_btn_s {
	color: #FFF;
	font-size: 18px;
	width: 100%;
	height: 44px;
	line-height: 44px;
	display: block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto;
	text-align: center;
	background-color: #ff9a14;
	-webkit-tap-highlight-color: #ff8c00
}
.g_btn_s.g_btns_disable {
	background-color: #cdcdcd
}
.cui-i:before {
	position: absolute;
	content: ""
}
.cui-i,
.cui-i:before {
	background: url(//pic.c-ctrip.com/h5/common/cui_img.png);
	background-size: 200px 71px
}
.cui-mask {
	background: rgba(0, 0, 0, .5);
	z-index: 2000
}
.cui-warning-mask {
	background: #f5f5f5
}
.cui-layer {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 2100;
	border-radius: 10px;
	padding: 5px
}
.cui-alert {
	position: fixed;
	left: 50%;
	top: 50%;
	padding: 1px
}
.cui-alert-padding {
	padding: 0 0 10px;
	background: #fff;
	overflow: hidden
}
.cui-alert-title {
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	background: #0073C3;
	text-indent: 10px
}
.cui-alert-content {
	padding: 10px 0
}
.cui-alert-buttons {
	text-align: center
}
.cui-originselect {
	position: absolute;
	background: #fff;
	border: 1px solid #ccc;
	border-bottom: 0
}
.cui-originselect .cui-option {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	border-bottom: 1px solid #ccc
}
.cui-originselect .cui-option-selected {
	background: #aaa
}
.cui-select-fullscreen {
	border: 0;
	text-align: center
}
.cui-view.cui-originselect.cui-select-fullscreen {
	z-index: 10000!important
}
.cui-select-fullscreen .cui-select-title {
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #efefef
}
.cui-calendar {
	background: #f3f3f3
}
.clahead {
	display: none
}
.calmonth {
	width: 100%;
	margin-bottom: 20px;
	font-family: Verdana;
	font-size: 12px
}
.calmonth .clatitle th {
	font: 400 16px/2 "";
	background: #fff
}
.calmonth .clarow {
	background: #fff
}
.clarow td {
	height: 45px;
	padding: 4px 0;
	text-align: center;
	overflow: hidden;
	background-color: #f3f3f3
}
.clarow td.valid {
	background-color: #fff
}
.valid i,
.invalid i {
	display: block;
	font-weight: 400;
	font-size: 12px
}
.calmonth .clarow td.selected {
	background: #06a2d0;
	color: #fff
}
.calmonth_nocurrent {
	color: #fff;
	background: #fff
}
.cui-slide {
	width: 100%;
	height: 100%;
	position: relative
}
.cui-slide-imgsouter {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative
}
.cui-slide-imgsinter {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}
.cui-slide-img-item {
	height: 100%;
	overflow: hidden;
	float: left;
	display: table;
	background: #e4e4e4
}
.cui-slide-img-item a {
	display: table-cell;
	vertical-align: middle
}
.cui-slide-img-item img {
	width: 100%
}
.cui-slide-nav {
	height: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center
}
.cui-slide-nav-item {
	overflow: hidden;
	width: 8px;
	height: 8px;
	background: rgba(255, 255, 255, .6);
	float: left;
	margin: 0 5px;
	border-radius: 50%
}
.cui-slide-nav-padding {
	display: inline-block;
	overflow: hidden;
	height: 100%
}
.cui-slide-nav-item-current {
	background: rgba(9, 159, 222, 1)
}
.cui-slide-img-item-empey {
	position: relative;
	background: #f5f5f5 url(//pic.c-ctrip.com/h5/common/roomPic.png) no-repeat center center
}
.cui-slide-img-item-empey:after {
	position: absolute;
	content: '';
	width: 100%;
	text-align: center;
	top: 45%
}
.cui-toast .cui-layer-padding {
	width: 220px;
	line-height: 24px;
	border-radius: 5px;
	background: rgba(0, 0, 0, .7);
	padding: 10px 15px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	word-break: break-all
}
.cui-Mask {
	display: none;
	background: rgba(0, 0, 0, .5)
}
.cui-alert {
	max-width: 500px;
	width: 95%
}
.cui-close {
	display: none;
	font-family: Arial;
	height: 1.2em;
	line-height: 1.2em;
	width: 1.2em;
	font-size: 14px;
	overflow: hidden;
	border-radius: 1em;
	text-align: center;
	background: #ccc;
	cursor: pointer;
	right: -.5em;
	top: -.5em
}
.cui-alert-title {
	text-align: center;
	height: 3em;
	line-height: 3em;
	background: #0073C3;
	color: #fff
}
.cui-alert-content {
	margin: 0 20px;
	padding: 25px 0;
	font-weight: 700;
	line-height: 150%;
	text-align: center
}
.cui-alert-button-box {
	text-align: center;
	padding-bottom: 15px
}
.cui-alert-button {
	height: 44px;
	line-height: 44px;
	border: 0;
	background: #31A9E9;
	width: 40%;
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	margin: 0 .5em;
	display: inline-block;
	-webkit-appearance: none;
	border-radius: 0
}
.cui-alert-button:hover {
	background: #005C9C
}
.cui-alert-tbg {
	background: #000;
	opacity: .5;
	border-radius: 4px;
	display: none
}
.cui-alert-conbox {
	margin: 10px;
	background: #fff;
	position: relative;
	overflow: hidden
}
.cui-layer {
	color: #eee;
	border-radius: 10px
}
.head-warning-top {
	width: 100%
}
.head-warning-header {
	height: 48px;
	background: #1491c5;
	position: relative
}
.head-warning-header .returnico:active {
	opacity: .7
}
.head-warning-header-title {
	text-align: center;
	font: 600 1.286em/2.75 STXihei;
	color: #fff
}
.head-warning-content-icon {
	text-align: center
}
.head-warning-content-title {
	text-align: center;
	font-size: 12px
}
.main-frame {
	min-width: 240px;
	height: 100%
}
.main-viewport {
	position: relative;
	height: 100%;
	overflow-y: auto;
}
.sub-viewport {
	position: relative;
	overflow-x: hidden;
	min-height: 100%
}
@-webkit-keyframes sliderightout {
	from {
		-webkit-transform: translateX(0px);
		opacity: 1
	}
	to {
		-webkit-transform: translateX(50%);
		opacity: 0
	}
}
@-webkit-keyframes slideleftin {
	from {
		-webkit-transform: translateX(-50%);
		opacity: 0
	}
	to {
		-webkit-transform: translateX(0px);
		opacity: 1
	}
}
@-webkit-keyframes slideleftout {
	from {
		-webkit-transform: translateX(0px);
		opacity: 1
	}
	to {
		-webkit-transform: translateX(-50%);
		opacity: 0
	}
}
@-webkit-keyframes sliderightin {
	from {
		-webkit-transform: translateX(50%);
		opacity: 0
	}
	to {
		-webkit-transform: translateX(0px);
		opacity: 1
	}
}
@-moz-keyframes sliderightout {
	from {
		-moz-transform: translateX(0px);
		opacity: 1
	}
	to {
		-moz-transform: translateX(50%);
		opacity: 0
	}
}
@-moz-keyframes slideleftin {
	from {
		-moz-transform: translateX(-50%);
		opacity: 0
	}
	to {
		-moz-transform: translateX(0px);
		opacity: 1
	}
}
@-moz-keyframes slideleftout {
	from {
		-moz-transform: translateX(0px);
		opacity: 1
	}
	to {
		-moz-transform: translateX(-50%);
		opacity: 0
	}
}
@-moz-keyframes sliderightin {
	from {
		-moz-transform: translateX(50%);
		opacity: 0
	}
	to {
		-moz-transform: translateX(0px);
		opacity: 1
	}
}
@keyframes sliderightout {
	from {
		transform: translateX(0px);
		opacity: 1
	}
	to {
		transform: translateX(50%);
		opacity: 0
	}
}
@keyframes slideleftin {
	from {
		transform: translateX(-50%);
		opacity: 0
	}
	to {
		transform: translateX(0px);
		opacity: 1
	}
}
@keyframes slideleftout {
	from {
		transform: translateX(0px);
		opacity: 1
	}
	to {
		transform: translateX(-50%);
		opacity: 0
	}
}
@keyframes sliderightin {
	from {
		transform: translateX(50%);
		opacity: 0
	}
	to {
		-webkit-transform: translateX(0px);
		opacity: 1
	}
}
.slideleftout {
	-webkit-animation: slideleftout 350ms ease-in-out;
	-moz-animation: slideleftout 350ms ease-in-out;
	animation: slideleftout 350ms ease-in-out
}
.slideleftin {
	-webkit-animation: slideleftin 350ms ease-in-out;
	-moz-animation: slideleftin 350ms ease-in-out;
	animation: slideleftin 350ms ease-in-out
}
.sliderightout {
	-webkit-animation: sliderightout 350ms ease-in-out;
	-moz-animation: sliderightout 350ms ease-in-out;
	animation: sliderightout 350ms ease-in-out
}
.sliderightin {
	-webkit-animation: sliderightin 350ms ease-in-out;
	-moz-animation: sliderightin 350ms ease-in-out;
	animation: sliderightin 350ms ease-in-out
}
.animatestart {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	overflow-x: hidden
}
.animatestart.sub-viewport {
	overflow-x: hidden;
	-webkit-backface-visibility: hidden;
	background-color: #f5f5f5
}
.cui-select-title-box {
	height: 48px;
	line-height: 48px;
	overflow: hidden;
	background: #1491c5;
	position: relative
}
.cui-select-fullscreen .cui-select-title-box .cui-select-title {
	height: 48px;
	line-height: 48px;
	font-size: 18px;
	font-weight: 700;
	color: #fff
}
.cui-select-title-box .cui-select-title-leftback {
	height: 100%;
	width: 68px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-color: #15a4d5
}
.cui-select-title-box .cui-select-title-leftback:active {
	opacity: .7
}
.cui-originselect-fixed-title {
	width: 100%;
	text-align: right
}
.cui-input-error {
	background: #fffaeb
}
.cui-history {
	background: #fff
}
.cui-history .cui-history-border {
	border: 1px solid #ccc
}
.cui-history .cui-history-list li {
	height: 40px;
	line-height: 40px;
	padding: 0 10px
}
.cui-history .cui-history-list li.item {
	border-bottom: 1px solid #efefef
}
.clear-input {
	display: none;
	position: absolute;
	z-index: 10;
	top: 0!important;
	right: 0!important;
	width: 30px;
	height: 100%
}
.clear-input span {
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 30px;
	top: 50%!important;
	left: 50%;
	margin: -8px 0 0 -8px;
	background: #b1b1b1
}
.clear-input span:before,
.clear-input span:after {
	position: absolute;
	content: "";
	top: 4px;
	left: 7px;
	width: 2px;
	height: 8px;
	background: #fff;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.clear-input span:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.clear-input-box {
	position: relative
}
.cui_cldwrap {
	padding-top: 25px;
	color: #585858
}
.cui_cldwrap_h {
	padding-top: 40px
}
.cui_cldmsg {
	padding: 0 10px;
	line-height: 15px
}
.cui_cldweek {
	position: fixed;
	z-index: 2;
	/*top: 48px;*/
	left: 0;
	
	width: 100%;
	height: auto;
	overflow: hidden;
	font: 400 12px/24px verdana;
	border-bottom: 1px solid #c8c8c8;
	background: #f7f7f7;
	font-weight: bold;
}
.cui_cldweek_top0 {
	top: 0
}
.cui_cldweek li {
	float: left;
	width: 14%;
	text-align: center
}
.cui_cldweek li:first-child,
.cui_cldweek li:last-child {
	width: 15%;
	color: #ff902d
}
.cui_cldmonth {
	height: 40px;
	text-align: center;
	font: 400 16px/50px verdana;
	background: #fff
}
.cui_cldunit {
	margin-bottom: 45px;
	  padding-top: 15px;
}
.cui_cld_daybox {
	overflow: hidden;
	background: #fff
}
.cui_cld_daybox li {
	float: left;
	width: 14%;
	height: 40px;
	padding: 4px 0;
	font: 400 14px/45px verdana;
	overflow: hidden;
	text-align: center
}
.cui_cld_daybox li:nth-of-type(7n),
.cui_cld_daybox li:nth-of-type(7n+1) {
	width: 15%;
	color: #ff902d
}
.cui_cld_dayfuture {
	background: #fff
}
.cui_cld_day_nocrtmonth {
	visibility: hidden
}
.cui_cld_day_havetxt em,
.cui_cld_nopro em,
.cui_cld_haspro em,
.cui_cld_daycrt em {
	display: block;
	line-height: 20px;
	font-size: 12px
}
.cui_cld_day_havetxt i,
.cui_cld_nopro i,
.cui_cld_haspro i,
.cui_cld_daycrt i {
	display: block;
	line-height: 15px;
	font-size: 11px
}
.cui_cld_daycrt.cui_cld_daycrt_sl em {
	line-height: inherit
}
.cui_spandate {
	line-height: 22px;
	display: block
}
.cui_cld_daybox li.cui_cld_day_hint {
	color: #06a2d0
}
.cui_cld_daybox li.cui_cld_daypass {
	color: #cfcfcf!important
}
.cui_cld_daycrt {
	background: #06a2d0;
	color: #fff!important
}
.cui-full-views {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .35);
	top: 0;
	left: 0
}
.cui-pop-box {
	background: #fff;
	width: 280px;
	margin: auto;
	position: relative;
	overflow: hidden;
	border-radius: 3px;
	z-index: 9999
}
.cui-text-center {
	text-align: center
}
.cui-grayc {
	color: #878787
}
.cui-pop-box .cui-hd {
	height: 40px;
	line-height: 40px;
	font-size: 1.2em;
	color: #fff;
	background: #099fde;
	padding: 0 10px;
	position: relative
}
.cui-pop-box .cui-hd .lab-close-area {
	position: absolute;
	width: 50px;
	height: 100%;
	right: 0;
	top: 0
}
.cui-pop-box .cui-hd .cui-top-close {
	width: 40px;
	height: 40px;
	float: right;
	line-height: 40px;
	color: transparent;
	text-align: center;
	font-weight: 700;
	position: relative
}
.cui-pop-box .cui-hd .cui-top-close:before,
.cui-pop-box .cui-hd .cui-top-close:after {
	width: 2px;
	height: 16px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -8px 0 0 -1px;
	background: #fff;
	content: ""
}
.cui-pop-box .cui-hd .cui-top-close:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}
.cui-pop-box .cui-hd .cui-top-close:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.cui-pop-box .cui-flex2 {
	min-width: 150px;
	max-width: 150px
}
.cui-select-view li {
	border-bottom: #dfdfdf 1px solid;
	padding: 1em 2em 1em 1em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative
}
.cui-select-view li.current {
	color: #1084bc
}
.cui-select-view li:active {
	background: rgba(0, 0, 0, .05)
}
.cui-select-view li.current:before,
.cui-select-view li.current:after {
	position: absolute;
	content: "";
	background: #1084bc;
	height: 3px;
	top: 50%;
	border-radius: 3px
}
.cui-select-view li.current:before {
	width: 18px;
	right: 10px;
	margin-top: -2px;
	-webkit-transform: rotate(-50deg);
	-moz-transform: rotate(-50deg);
	-ms-transform: rotate(-50deg);
	transform: rotate(-50deg)
}
.cui-select-view li.current:after {
	width: 9px;
	right: 22px;
	margin-top: 2px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}
.cui-bd {
	color: #000
}
.cui-roller,
.cui-roller-btns {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%
}
.cui-roller-bd,
.cui-roller-btns .cui-flexbd {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.cui-roller {
	width: 100%;
	overflow: hidden;
	position: relative
}
.cui-flex2 {
	-webkit-box-flex: 2.5;
	-moz-box-flex: 2.5;
	-webkit-flex: 2.5;
	-ms-flex: 2.5;
	flex: 2.5
}
.cui-roller .ul-list {
	height: 100%;
	text-align: center;
	font-size: 1.2em;
	z-index: 2
}
.cui-roller .ul-list li.current {
	font-size: 1.3255em;
	color: #099fde
}
.cui-roller .ul-list li {
	height: 44px;
	line-height: 44px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.cui-mask-gray {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background: linear-gradient(#fff 0, rgba(245, 245, 245, 0) 52%, rgba(245, 245, 245, 0) 48%, #fff 100%);
	background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(0.52, rgba(245, 245, 245, 0)), color-stop(0.48, rgba(245, 245, 245, 0)), to(#fff));
	background: -webkit-linear-gradient(#fff 0, rgba(245, 245, 245, 0) 52%, rgba(245, 245, 245, 0) 48%, #fff 100%);
	background: -moz-linear-gradient(#fff 0, rgba(245, 245, 245, 0) 52%, rgba(245, 245, 245, 0) 48%, #fff 100%)
}
.cui-lines {
	width: 100%;
	height: 44px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -23px;
	border-top: #dfdfdf 1px solid;
	border-bottom: #dfdfdf 1px solid
}
.cui-h-font,
.cui-m-font {
	font-size: .67em
}
.cui-roller-tips {
	color: #8d8d8d;
	padding: 5px;
	text-align: center
}
.cui-error-tips {
	color: #000;
	padding: 20px;
	text-align: center
}
.cui-roller-btns {
	background: #fff;
	border-top: 1px solid #bcbcbc;
	line-height: 18px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.cui-roller-btns .cui-flexbd {
	padding: 12px 0;
	color: #099fde
}
.cui-roller-btns a {
	color: #099fde
}
.cui-roller-btns .cui-flexbd:active {
	opacity: .75
}
.cui-roller-btns .cui-flexbd:nth-of-type(2) {
	border-left: 1px solid rgba(0, 0, 0, 0.3)
}
.cui-roller-btns .cui-btns-strike {
	font-weight: bold
}
.cui-roller-btns .cui-btns-warning {
	color: #f00
}
.cui-roller-btns .cui-btns-disabled {
	color: #999
}
.cui-load-error {
	width: 100%;
	margin: auto;
	word-break: break-all;
	text-align: center;
	margin-top: 85px
}
.cui-wifi {
	width: 68px;
	height: 69px;
	position: relative;
	margin: 0 auto 5px;
	background-position: 0 0
}
.cui-exclam:before,
.cui-exclam:after {
	position: absolute;
	content: ""
}
.cui-exclam:before {
	width: 10px;
	height: 31px;
	top: 12px;
	left: 50%;
	margin-left: -5px;
	background: #626262;
	border-radius: 5px
}
.cui-exclam:after {
	width: 10px;
	height: 10px;
	bottom: 11px;
	left: 50%;
	margin-left: -5px;
	background: #626262;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}
.cui-load-fail {
	margin: 78px 15px
}
.cui-fail-icon {
	width: 38px;
	height: 38px;
	background: url(//pic.c-ctrip.com/h5/common/comm_bg.png) no-repeat;
	background-size: 242px 260px;
	background-position: 0 -178px;
	margin-bottom: 10px
}
.cui-fail-icon:before {
	display: none
}
.cui-btns-retry {
	display: inline-block;
	margin-top: 15px;
	background: #ff9913;
	line-height: 44px;
	color: #fff;
	width: 100%;
	font-size: 16px;
	border-radius: 4px;
	border: 1px solid #fff
}
.cui-btns-retry:active {
	background-color: #e08000
}
.cui-glines {
	border-bottom: #dfdfdf 1px solid;
	margin: 15px auto
}
.cui-btns-tel {
	width: 100%;
	font-size: 16px;
	display: inline-block;
	background-color: #fff;
	color: #099fde;
	border: 1px solid #dbdbdb;
	line-height: 44px;
	border-radius: 4px;
	margin-top: 15px;
	text-decoration: none
}
.cui-btns-tel:active {
	background-color: #e6e6e6
}
.cui-breaking-load {
	width: 80px;
	height: 70px;
	border-radius: 5px;
	background: rgba(0, 0, 0, .7);
	margin: auto;
	position: relative;
	z-index: 9999
}
.cui-w-loading {
	position: absolute;
	width: 48px;
	height: 48px;
	left: 50%;
	top: 50%;
	margin: -24px 0 0 -24px;
	background-position: -76px 0
}
.cui-m-logo {
	position: absolute;
	width: 24px;
	height: 28px;
	left: 50%;
	top: 50%;
	z-index: 9;
	margin: -15px 0 0 -12px;
	background-position: -132px 0
}
.cui-w-loading,
.cui-pro-radius {
	-webkit-animation: cui-loading 1.58s linear infinite;
	-moz-animation: cui-loading 1.58s linear infinite;
	-ms-animation: cui-loading 1.58s linear infinite;
	animation: cui-loading 1.58s linear infinite;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	opacity: 0
}
.cui-b-loading {
	-webkit-animation: cui-loading 1.58s linear infinite;
	-moz-animation: cui-loading 1.58s linear infinite;
	-ms-animation: cui-loading 1.58s linear infinite;
	animation: cui-loading 1.58s linear infinite;
	-webkit-transform-origin: 47% 49%;
	-moz-transform-origin: 47% 49%;
	-ms-transform-origin: 47% 49%;
	transform-origin: 47% 49%;
	opacity: 0
}
@-webkit-keyframes cui-loading {
	0% {
		opacity: 1;
		-webkit-transform: rotate(0deg)
	}
	100% {
		opacity: 1;
		-webkit-transform: rotate(360deg)
	}
}
@-moz-keyframes cui-loading {
	0% {
		opacity: 1;
		-moz-transform: rotate(0deg)
	}
	100% {
		opacity: 1;
		-moz-transform: rotate(360deg)
	}
}
@-ms-keyframes cui-loading {
	0% {
		opacity: 1;
		-ms-transform: rotate(0deg)
	}
	100% {
		opacity: 1;
		-ms-transform: rotate(360deg)
	}
}
@keyframes cui-loading {
	0% {
		opacity: 1;
		transform: rotate(0deg)
	}
	100% {
		opacity: 1;
		transform: rotate(360deg)
	}
}
.cui-zl-load {
	width: 110px;
	margin: 5px auto;
	position: relative
}
.cui-zl-load p {
	padding-left: 10px;
	color: #878787;
	overflow: hidden
}
.cui-b-loading {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 0;
	background-position: -182px 0
}
.cui-mb-logo {
	width: 12px;
	height: 12px;
	float: left;
	margin: 5px 0 0 5px;
	background-position: -166px 0
}
.cui-img-default {
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	margin: auto;
	background: #7a7a7a;
	color: #fff
}
.cui-pro-load {
	width: 18px;
	height: 18px;
	position: absolute;
	right: 38px;
	top: 50%;
	margin-top: -9px
}
.cui-pro-radius {
	width: 18px;
	height: 18px;
	border-left: #c5c5c5 1px solid;
	display: block;
	border-bottom: #c5c5c5 1px solid;
	border-radius: 50%
}
.cui-pro-logo {
	width: 12px;
	height: 13px;
	display: block;
	margin: -16px 0 0 3px;
	background-position: -74px -58px
}
.cui-money-tips {
	padding: 15px 10px 10px;
	position: relative;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: auto
}
.cui-money-tips li {
	color: #000
}
.cui-money-tips i {
	color: #686868;
	font-size: 16px
}
.cui-money-tips em {
	width: auto;
	float: right
}
.cui-money-tips dfn {
	font-size: 12px;
	margin: 0 2px 0 4px
}
.cui-money-tips p {
	color: #a7a9ac
}
.cui-money-tips p span {
	width: 75%;
	display: inline-block
}
.cui-money-tips .border_bot {
	border-bottom: #dfdfdf 1px solid;
	padding-bottom: 5px;
	margin-bottom: 5px;
	color: #686868
}
.cui-money-tips .t_r {
	text-align: right;
	padding-top: 5px
}
.cui-money-tips .t_r b {
	font-size: 16px;
	color: #ff9913
}
.cui-item-img {
	background: #7a7a7a;
	text-align: center;
	position: relative
}
.cui-item-img .cui-item-imgbg {
	width: 60px;
	height: 12px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -6px 0 0 -30px
}
.nomore {
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #999
}
.cui-grayload-text {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -50px 0 0 -75px;
	width: 150px;
	font-size: 16px;
	text-align: center;
	background: rgba(0, 0, 0, .7);
	color: #fff;
	border-radius: 5px;
	z-index: 99
}
.cui-grayload-close {
	width: 42px;
	height: 42px;
	float: right
}
.cui-grayload-close:before,
.cui-grayload-close:after {
	position: absolute;
	content: "";
	width: 15px;
	height: 2px;
	top: 15px;
	right: 10px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}
.cui-grayload-close:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.cui-grayload-text .cui-w-loading {
	top: 10px;
	margin-top: 0
}
.cui-grayload-text .cui-m-logo {
	top: 20px;
	margin-top: 0
}
.cui-grayload-bfont {
	margin: 70px 0 6px
}
.cui-switch {
	position: relative;
	width: 44px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 24px;
	background-color: #ccc;
	cursor: pointer;
	-webkit-transition: 200ms background-color ease-in;
	-moz-transition: 200ms background-color ease-in;
	transition: 200ms background-color ease-in
}
.cui-switch.current {
	background-color: #099fde
}
.cui-switch .cui-switch-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 44px;
	height: 24px;
	border-radius: 24px;
	background-color: #ccc;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	transform: scale(1, 1);
	transform-origin: center center;
	-webkit-transition: 200ms -webkit-transform ease-in;
	-moz-transition: 200ms -moz-transform ease-in;
	transition: 200ms transform ease-in
}
.cui-switch .cui-switch-bg.current {
	width: 44px;
	height: 24px;
	-webkit-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	transform: scale(0, 0)
}
.cui-switch .cui-switch-scroll {
	position: absolute;
	top: 1px;
	left: 1px;
	right: 21px;
	height: 22px;
	border-radius: 22px;
	background-color: #fff;
	-webkit-transition: 200ms width ease-in, 200ms left ease-in, 200ms right ease-in;
	-moz-transition: 200ms width ease-in, 200ms left ease-in, 200ms right ease-in;
	transition: 200ms width ease-in, 200ms left ease-in, 200ms right ease-in
}
.cui-switch.current .cui-switch-scroll {
	left: 21px;
	right: 1px
}
.cui-switch .cui-switch-scroll.wide {
	left: 2px;
	right: 14px
}
.cui-switch.current .cui-switch-scroll.wide {
	left: 14px;
	right: 1px
}
.cui-number-ma {
	min-width: 100px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	position: relative;
	border: silver 1px solid;
	background: #fff;
	display: inline-block
}
.cui-number-ma i {
	width: 50px;
	height: 44px;
	position: absolute;
	top: -7px
}
.cui-number-ma i:after {
	color: #fff;
	text-align: center;
	width: 32px;
	height: 29px;
	position: absolute;
	background: #099fde
}
.cui-number-ma i.num-minus {
	left: -10px;
	font: 400 2.8em/25px Arial
}
.cui-number-ma i.num-add {
	right: -10px;
	font: 400 2.2em/29px Arial
}
.cui-number-ma i.num-minus:after {
	content: "-";
	left: 10px;
	top: 7px
}
.cui-number-ma i.num-add:after {
	content: "+";
	right: 10px;
	top: 7px
}
.cui-number-ma i.num-invalid:after {
	color: #d9d9d9;
	background: #f4f4f4
}
.cui-number-ma .num-value-txt {
	width: 33px;
	height: 100%;
	padding: 0;
	color: #000;
	margin: 0 33px;
	text-align: center
}
.cui-number-ma .num-value-txt:disable {
	color: #000
}
.cui-citys-hd {
	background: #e6f1f7;
	padding: 8px 10px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.cui-citys-hd .cui-input-bd {
	position: relative
}
.cui-citys-hd .cui-btn-cancle {
	display: none
}
.cui-citys-hd.cui-input-focus .cui-input-bd {
	width: 80%;
	float: left
}
.cui-citys-hd.cui-input-focus .cui-btn-cancle {
	width: 18%;
	float: left;
	line-height: 28px;
	text-align: center;
	font-size: 16px;
	color: #1491C5;
	background: rgba(0, 0, 0, 0);
	border: 0;
	display: block
}
.cui-citys-hd .cui-input-bd:before,
.cui-citys-hd .cui-input-bd:after {
	position: absolute;
	content: ""
}
.cui-citys-hd .cui-input-bd:before {
	width: 12px;
	height: 12px;
	left: 6px;
	top: 6px;
	border: 1px solid #999;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}
.cui-citys-hd .cui-input-bd:after {
	width: 1px;
	height: 8px;
	left: 20px;
	top: 16px;
	background: #999;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.cui-citys-hd .cui-input-box {
	width: 100%;
	height: 28px;
	line-height: normal;
	display: inline-block;
	padding: 0 60px 0 28px;
	background-color: #FFF;
	border-radius: 20px
}
.cui-focus-close {
	color: #999;
	position: absolute;
	top: 50%;
	right: 0;
	margin: -17px 0 0 0;
	width: 40px;
	height: 34px;
	line-height: 30px;
	text-align: center;
	font: 700 22px/1.7 sans-serif
}
.cui-citys-hd .cui-input-box::-webkit-input-placeholder {
	color: #ccc
}
.cui-arrow-close .cui-city-n {
	display: none
}
.cui-arrow-close .cui-city-t:before,
.cui-arrow-close .cui-city-t:after,
.cui-arrow-open .cui-city-t:before,
.cui-arrow-open .cui-city-t:after {
	float: right;
	content: "";
	width: 2px;
	height: 10px;
	background-color: #aaa;
	margin: 5px 4px 0 0
}
.cui-arrow-close .cui-city-t:before,
.cui-arrow-open .cui-city-t:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.cui-arrow-close .cui-city-t:after,
.cui-arrow-open .cui-city-t:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.cui-city-itmes .cui-city-t {
	color: #666;
	background-color: #efefef;
	border-bottom: #bcbcbc 1px solid;
	line-height: 20px;
	padding: 5px 10px;
	display: block
}
.cui-city-itmes .cui-city-n {
	background-color: #fff
}
.cui-city-itmes .cui-city-n li {
	border-bottom: #bcbcbc 1px solid;
	font-size: 15px;
	line-height: 20px;
	padding: 10px 30px 10px 10px;
	word-break: break-all;
	color: #000
}
.cui-city-itmes .cui-city-n li.current {
	background: url() 97% center no-repeat;
	background-size: 18px 14px
}
.cui-city-associate li {
	background: #fff;
	border-bottom: #bcbcbc 1px solid;
	font-size: 15px;
	line-height: 20px;
	padding: 10px 30px 10px 10px;
	word-break: break-all;
	color: #000
}
.cui-btn-history {
	width: 95%;
	color: #099fde;
	border: #dbdbdb 1px solid;
	padding: 8px;
	background: #fff;
	border-radius: 3px;
	display: block;
	margin: 20px auto;
	font-size: 15px
}
.cui-city-novalue {
	color: #cdcdcd;
	text-align: center;
	font-size: 15px;
	padding: 20px;
	line-height: 20px
}
.cui-tab-mod {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 43px;
	line-height: 43px;
	border-bottom: #bcbcbc 1px solid;
	background-color: #fafafa;
	color: #666;
	font-size: 15px;
	position: relative;
	display: table\9;
	width: 100%
}
.cui-tab-mod li {
	text-align: center;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: table-cell\9
}
.cui-tab-mod li.cui-tab-current {
	color: #099fde
}
.cui-tab-mod .cui-tab-scrollbar {
	position: absolute;
	left: 0;
	height: 4px;
	bottom: -1px;
	background-color: #099fde;
	-webkit-transition: -webkit-transform 300ms ease-in-out;
	-moz-transition: -moz-transform 300ms ease-in-out;
	-ms-transition: -ms-transform 300ms ease-in-out;
	transition: transform 300ms ease-in-out;
	z-index: -1
}
.cui-tabnum2 {
	width: 50%
}
.cui-tabnum3 {
	width: 33.33333%
}
.cui-tabnum4 {
	width: 25%
}
.cui-tabnum5 {
	width: 20%
}
.cui-tabnum6 {
	width: 16.66666%
}
.cui-tab-mod li.cui-tab-current~.cui-tab-scrollbar {
	z-index: 2
}
.cui-tab-mod li:nth-of-type(1).cui-tab-current~.cui-tab-scrollbar {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.cui-tab-mod li:nth-of-type(2).cui-tab-current~.cui-tab-scrollbar {
	-webkit-transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	-ms-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
.cui-tab-mod li:nth-of-type(3).cui-tab-current~.cui-tab-scrollbar {
	-webkit-transform: translate3d(200%, 0, 0);
	-moz-transform: translate3d(200%, 0, 0);
	-ms-transform: translate3d(200%, 0, 0);
	transform: translate3d(200%, 0, 0)
}
.cui-tab-mod li:nth-of-type(4).cui-tab-current~.cui-tab-scrollbar {
	-webkit-transform: translate3d(300%, 0, 0);
	-moz-transform: translate3d(300%, 0, 0);
	-ms-transform: translate3d(300%, 0, 0);
	transform: translate3d(300%, 0, 0)
}
.cui-tab-mod li:nth-of-type(5).cui-tab-current~.cui-tab-scrollbar {
	-webkit-transform: translate3d(400%, 0, 0);
	-moz-transform: translate3d(400%, 0, 0);
	-ms-transform: translate3d(400%, 0, 0);
	transform: translate3d(400%, 0, 0)
}
.cui-tab-mod li:nth-of-type(6).cui-tab-current~.cui-tab-scrollbar {
	-webkit-transform: translate3d(500%, 0, 0);
	-moz-transform: translate3d(500%, 0, 0);
	-ms-transform: translate3d(500%, 0, 0);
	transform: translate3d(500%, 0, 0)
}
.cui-cond-bar {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 43px;
	border-bottom: #bcbcbc 1px solid;
	background-color: #fafafa;
	color: #666;
	font-size: 15px;
	position: relative;
	display: table\9;
	width: 100%
}
.cui-cond-bar li {
	text-align: center;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: table-cell\9
}
.cui-cond-bar li {
	padding: 13px 0
}
.cui-cond-bar i {
	margin-left: 3px;
	display: inline-block
}
.cui-cond-bar .cond-bar-current {
	color: #099fde
}
.cui-cond-bar .cond-bar-current .cui-fl-sort:before {
	border-color: transparent transparent #099fde
}
.cui-cond-bar .cond-bar-current .cui-fl-sort:after {
	background: #099fde
}
.cui-fl-sort:before {
	content: "";
	width: 0;
	height: 0;
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent #999;
	display: inline-block;
	vertical-align: top;
	margin: -3px 0 0 0
}
.cui-fl-sort:after {
	content: "";
	width: 4px;
	height: 7px;
	display: inline-block;
	margin: 0 0 0 -8px;
	background: #999
}
.cui-fl-filter:before {
	margin: 5px 0 0 0
}
.cui-fl-filter:before,
.cui-fl-sort-down {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg)
}
.cui-bottom-fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	border-top: #bcbcbc 1px solid;
	border-bottom: 0
}
.f-layer-before:before,
.f-layer-after:after {
	content: "";
	display: block;
	margin: -6px auto;
	width: 10px;
	height: 10px;
	background: #f2f2f2
}
.f-layer-before:before {
	border-left: #bcbcbc 1px solid;
	border-top: #bcbcbc 1px solid;
	-webkit-transform: rotate(45deg)
}
.f-layer-after:after {
	border-right: #bcbcbc 1px solid;
	border-bottom: #bcbcbc 1px solid;
	-webkit-transform: rotate(45deg)
}
.cui-f-layer {
	background: #f2f2f2;
	border: #bcbcbc 1px solid;
	border-width: 0 1px 1px;
	border-radius: 3px
}
.cui-f-layer li {
	padding: 5px 10px;
	border-top: #bcbcbc 1px solid
}
.cui-f-layer li i {
	float: right
}
.cui-f-layer li:first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}
.cui-f-layer li:last-child {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px
}
.cui-f-layer li.cui-fl-current {
	color: #fff;
	background: #099fde;
	position: relative;
	z-index: 2
}
.cui-f-layer li i.cui-fl-sort-down {
	-webkit-transform: rotate(180deg)
}
.cui-f-layer li.cui-fl-current .cui-fl-sort:before {
	border-color: transparent transparent #fff
}
.cui-f-layer li.cui-fl-current .cui-fl-sort:after {
	background: #fff
}
.cui-paybar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 44px;
	color: #fff;
	background: #FF9913
}
.cui-paytit {
	margin: 0 5px 0 10px;
	line-height: 44px
}
.cui-paybar .cui-payunit {
	display: inline-block;
	vertical-align: middle
}
.cui-paybtn {
	float: right;
	padding: 0 20px;
	height: 44px;
	background: #ff7d13;
	color: #fff
}
.cui-paybtn.cui-paybtn-only {
	width: 100%;
	background: transparent;
	font-size: 18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.cui-paybtn.cui-paybtn-disable {
	background: #cdcdcd
}
.cui-payprice {
	font-weight: 700
}
.cui-payprice i {
	margin-left: 2px;
	font-size: 1.28em
}
.cui-rate {
	position: relative;
	display: inline-block;
	height: 16px;
	margin: 0 10px;
	vertical-align: -3px
}
.cui-rate i {
	width: 12px;
	height: 12px;
	box-shadow: inset 0 0 0 3px #fff;
	border: 2px solid #c8c8c8;
	border-radius: 50%;
	background: #c8c8c8;
	position: relative;
	display: inline-block;
	margin: 0 1px
}
.cui-rate i:before {
	content: "";
	position: absolute;
	right: 0;
	top: 5px;
	width: 5px;
	height: 2px;
	background: #c8c8c8
}
.cui-rate-r2 {
	position: absolute;
	left: 0;
	top: 0;
	white-space: nowrap;
	overflow: hidden
}
.cui-rate-r2 i {
	border-color: #099fde;
	background: #099fde
}
.cui-rate-r2 i:before {
	background: #099fde
}
.cui-keyboard {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #dcdcdf;
	-webkit-transition: all .3s linear 0s;
	-moz-transition: all .3s linear 0s;
	-ms-transition: all .3s linear 0s;
	opacity: 1;
	opacity: 1;
	opacity: 1;
	-o-transition: all .3s linear 0s;
	opacity: 1;
	transition: all .3s linear 0s;
	opacity: 1
}
.cui-keyboard .cui-hd {
	height: 44px;
	padding-right: 20px;
	background-color: #334250;
	color: #fff;
	font-size: 17px;
	overflow: hidden;
	line-height: 44px
}
.cui-keyboard .cui-hd span {
	float: right;
	padding: 0 15px
}
.cui-keyboard .cui-bd {
	padding: 6px 0 3px 0
}
.cui-keyboard .cui-bd ul {
	overflow: hidden
}
.cui-keyboard .cui-bd li {
	float: left;
	height: 49px;
	margin-bottom: 3px;
	margin-left: 2.03124%;
	width: 30.625%;
	background-color: #fff;
	line-height: 49px;
	color: #000;
	text-align: center;
	font-size: 27px;
	font-family: helvetica;
	font-weight: bold;
	background-clip: padding-box;
	border-radius: 4px;
	box-shadow: 0 2px 1px #b0b0b2
}
.cui-keyboard .cui-bd .cui-on-t {
	background-color: #c9cbd0;
	box-shadow: 0 1px 0 #b0b0b2
}
.cui-keyboard .cui-letter-x {
	width: 18px;
	height: 47px;
	margin: 0 auto;
	background-position: -224px -152px;
	background-size: 242px auto
}
.cui-keyboard .cui-btn-delete {
	width: 26px;
	height: 47px;
	margin: 0 auto;
	background-position: -190px -153px;
	background-size: 242px auto
}
.cui-keyboard-hide {
	opacity: 0;
	bottom: -261px
}
.popup-operate {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%
}
.popup-operate ul {
	margin: 10px;
	overflow: hidden;
	border-radius: 6px
}
.popup-operate ul li {
	height: 44px;
	margin: 1px 0;
	line-height: 44px;
	text-align: center;
	font-size: 20px;
	color: #157efb;
	background-color: #FFF
}
.cm-overlay {
	display: none;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 980
}
.cm-overlay.active {
	display: block
}
.cm-overlay.cm-overlay--transparent {
	background: rgba(0, 0, 0, 0)
}
.cm-pop .cm-pop-list li {
	border-bottom: 1px solid #dbdbdb;
	background-color: #fff;
	line-height: 33px;
	padding: 5px 10px;
	position: relative;
	display: block;
	cursor: pointer
}
.cm-pop .cm-pop-list li:first-child {
	border-top: 1px solid #dbdbdb
}
.cm-pop .cm-pop-list li:active,
.cm-pop .cm-pop-list li:hover {
	background-color: whitesmoke
}
.cm-pop {
	position: absolute;
	z-index: 985;
	width: 100%
}
.cm-pop .icon-pop-triangle {
	width: 10px;
	height: 10px;
	background-color: #fff;
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: -1
}
.cm-pop .cm-pop-bd {
	background-color: #fff
}
.cm-pop .cm-pop-list li:first-child {
	border-top: none
}
.cm-pop .cm-pop-list li:last-child {
	border-bottom: none
}
.cm-pop .cm-pop-list li.active,
.cm-pop .cm-pop-list li:active,
.cm-pop .cm-pop-list li:hover {
	background-color: #099fde;
	color: #fff
}
.cm-pop .cm-pop-list--checked li {
	padding-right: 30px
}
.cm-pop .cm-pop-list--checked li.active {
	background-color: #fff;
	color: #099fde
}
.cm-pop .cm-pop-list--checked li.active::after {
	content: "";
	width: 14px;
	height: 6px;
	border-bottom: 2px solid #099fde;
	border-left: 2px solid #099fde;
	position: absolute;
	top: 50%;
	right: 8px;
	margin-top: -4px;
	-webkit-transform: rotate(-45deg) translateY(-50%);
	transform: rotate(-45deg) translateY(-50%)
}
.cm-pop--triangle-up .icon-pop-triangle {
	top: -5px
}
.cm-pop--border {
	border: 1px solid #dbdbdb
}
.cm-pop--border .icon-pop-triangle {
	border: 1px solid #dbdbdb;
	border-color: #fff #dbdbdb #dbdbdb #fff
}
.cm-pop--border.cm-pop--triangle-up .icon-pop-triangle {
	border-color: #dbdbdb #fff #fff #dbdbdb
}
.cm-pop--border.cm-pop--radius {
	border-radius: 6px
}
.cm-pop--radius .cm-pop-bd {
	border-radius: 4px;
	overflow: hidden
}
.cm-pop--user-nav {
	top: 55px;
	right: 0;
	color: #fff;
	width: 128px
}
.icon-phone,
.icon-tel,
.icon-home,
.icon-loved,
.icon-love,
.icon-comment,
.icon-compass,
.icon-file,
.icon-share,
.icon-email,
.icon-sale,
.icon-service,
.icon-loading,
.icon-loading .icon-loading-circle {
	background-image: url(//pic.c-ctrip.com/h5/common/bg-global.png);
	background-repeat: no-repeat;
	-webkit-background-size: 240px auto;
	background-size: 240px auto;
	vertical-align: middle;
	display: inline-block
}
.icon-phone,
.icon-tel {
	width: 20px;
	height: 20px;
	background-position: -23px -50px
}
.icon-home {
	width: 20px;
	height: 20px;
	background-position: 0 -52px
}
.icon-loved {
	width: 20px;
	height: 20px;
	background-position: -47px -50px
}
.icon-love {
	width: 20px;
	height: 20px;
	background-position: -71px -50px
}
.icon-comment {
	width: 20px;
	height: 20px;
	background-position: -97px -50px
}
.icon-compass {
	width: 20px;
	height: 20px;
	background-position: -123px -50px
}
.icon-file {
	width: 20px;
	height: 20px;
	background-position: -147px -50px
}
.icon-share {
	width: 20px;
	height: 20px;
	background-position: -172px -50px
}
.icon-email {
	width: 20px;
	height: 20px;
	background-position: -198px -51px
}
.icon-sale {
	width: 20px;
	height: 20px;
	background-position: -221px -51px
}
.icon-service {
	width: 20px;
	height: 20px;
	background-position: -50px -124px
}
.cm-pop--user-nav .icon-pop-triangle {
	background-color: #283847;
	left: auto;
	right: 10px
}
.cm-pop--user-nav .cm-pop-list li {
	background-color: #283847;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}
.cm-pop--user-nav .cm-pop-list li i[class^="icon-"] {
	margin-right: 10px
}
.cm-pop--user-nav .cm-pop-list li:active,
.cm-pop--user-nav .cm-pop-list li:hover {
	background-color: #161e26
}
.cm-fade-in,
.cm-fade-out,
.cm-down-in,
.cm-down-out,
.cm-up-in,
.cm-up-out,
.cm-center-fade-in,
.cm-center-fade-out,
.cm-center-up-in,
.cm-center-up-out {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.cm-fade-in {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
.cm-fade-out {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.185);
		transform: scale(1.185)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.185);
		transform: scale(1.185)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}
@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0.815);
		transform: scale(0.815)
	}
}
@keyframes fadeOut {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0.815);
		transform: scale(0.815)
	}
}
.cm-down-in {
	-webkit-animation-name: downIn;
	animation-name: downIn
}
.cm-down-out {
	-webkit-animation-name: downOut;
	animation-name: downOut
}
@-webkit-keyframes downIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}
@keyframes downIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}
@-webkit-keyframes downOut {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}
@keyframes downOut {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}
.cm-up-in {
	-webkit-animation-name: upIn;
	animation-name: upIn
}
.cm-up-out {
	-webkit-animation-name: upOut;
	animation-name: upOut
}
@-webkit-keyframes upIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}
@keyframes upIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}
@-webkit-keyframes upOut {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}
@keyframes upOut {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}
.cm-overlay-out {
	-webkit-animation-duration: 0.1s;
	animation-duration: 0.1s;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
	-webkit-animation-name: overlayOut;
	animation-name: overlayOut
}
@-webkit-keyframes overlayOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}
@keyframes overlayOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}
.cm-center-fade-in {
	-webkit-animation-name: centerFadeIn;
	animation-name: centerFadeIn
}
.cm-center-fade-out {
	-webkit-animation-name: centerFadeOut;
	animation-name: centerFadeOut
}
@-webkit-keyframes centerFadeIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1.185);
		transform: translate3d(-50%, -50%, 0) scale(1.185)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
		transform: translate3d(-50%, -50%, 0) scale(1)
	}
}
@keyframes centerFadeIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1.185);
		transform: translate3d(-50%, -50%, 0) scale(1.185)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
		transform: translate3d(-50%, -50%, 0) scale(1)
	}
}
@-webkit-keyframes centerFadeOut {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
		transform: translate3d(-50%, -50%, 0) scale(1)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-50%, -50%, 0) scale(0.815);
		transform: translate3d(-50%, -50%, 0) scale(0.815)
	}
}
@keyframes centerFadeOut {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
		transform: translate3d(-50%, -50%, 0) scale(1)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-50%, -50%, 0) scale(0.815);
		transform: translate3d(-50%, -50%, 0) scale(0.815)
	}
}
.cm-center-up-in {
	-webkit-animation-name: centerUpIn;
	animation-name: centerUpIn
}
.cm-center-up-out {
	-webkit-animation-name: centerUpOut;
	animation-name: centerUpOut
}
@-webkit-keyframes centerUpIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-50%, -150%, 0);
		transform: translate3d(-50%, -150%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(-50%, -50%, 0);
		transform: translate3d(-50%, -50%, 0)
	}
}
@keyframes centerUpIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-50%, -150%, 0);
		transform: translate3d(-50%, -150%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(-50%, -50%, 0);
		transform: translate3d(-50%, -50%, 0)
	}
}
@-webkit-keyframes centerUpOut {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(-50%, -50%, 0);
		transform: translate3d(-50%, -50%, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-50%, -150%, 0);
		transform: translate3d(-50%, -150%, 0)
	}
}
@keyframes centerUpOut {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(-50%, -50%, 0);
		transform: translate3d(-50%, -50%, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-50%, -150%, 0);
		transform: translate3d(-50%, -150%, 0)
	}
}
.icon-list {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 25px;
	vertical-align: middle;
	text-align: center
}
.old-header .icon-list {
	left: auto;
	right: 0;
	width: 48px;
	height: 48px;
	line-height: 48px
}
.icon-list::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 5px;
	height: 5px;
	border-radius: 3px;
	background-color: #fff;
	-webkit-box-shadow: 10px 0 0 #fff, -10px 0 0 #fff;
	box-shadow: 10px 0 0 #fff, -10px 0 0 #fff
}
.icon-back {
	width: 44px;
	height: 44px;
	line-height: 44px
}
.icon-back::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	vertical-align: middle;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.icon-search {
	border: 2px solid #fff;
	border-radius: 50%;
	height: 14px;
	width: 14px;
	display: inline-block;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.icon-search::after {
	content: "";
	background: #fff;
	height: 7px;
	width: 2px;
	position: absolute;
	left: 11px;
	top: 8px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.cm-header,
.cm-footer,
.cm-header-sub {
	position: fixed;
	left: 0;
	right: 0
}
.cm-header {
	top: 0;
	height: 44px;
	line-height: 44px;
	text-align: center;
	/*background-color: #099fde;*/
	background-color: rgba(150,204,112,1);
	color: #fff;
	z-index: 960;
}
.cm-header-hybrid-wrap {
	height: 64px
}
.cm-header-hybrid-wrap .cm-header {
	padding-top: 20px;
	height: 64px
}
.cm-header-sub {
	top: 44px;
	z-index: 960
}
.cm-footer {
	bottom: 0;
	height: 48px;
	z-index: 940
}
.cm-page {
	padding-top: 44px;
	background: #efefef
}
.cm-page.has-header {
	padding-top: 0
}
.cm-content.no-header-sub {
	padding-top: 44px
}
.no-footer {
	padding-bottom: 48px
}
.cm-page--active {
	position: absolute;
	left: 0;
	top: 0
}
.cm-page--right-in {
	-webkit-animation: pageRightIn 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	animation: pageRightIn 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.cm-page--left-out {
	-webkit-animation: pageLeftOut 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
	animation: pageLeftOut 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.cm-page--left-in {
	-webkit-animation: pageLeftIn 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	animation: pageLeftIn 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.cm-page--right-out {
	-webkit-animation: pageRightOut 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
	animation: pageRightOut 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes pageRightIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}
@keyframes pageRightIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}
@-webkit-keyframes pageLeftOut {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}
@keyframes pageLeftOut {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}
@-webkit-keyframes pageLeftIn {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}
@keyframes pageLeftIn {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}
@-webkit-keyframes pageRightOut {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}
@keyframes pageRightOut {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}
.cm-header h1 {
	font-weight: normal;
	font-family: inherit
}
.cm-header .cm-page-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.cm-header .cm-page-title,
.cm-header .cm-page-mutil-title,
.cm-header .cm-page-select-title {
	position: absolute;
	/*left: 88px;
	right: 88px*/
	left:44px;
}
.cm-header .cm-page-title {
	line-height: 44px;
	font-size: 18px
}
.cm-header .cm-page-title .cm-title-l {
	line-height: 28px;
	display: block
}
.cm-header .cm-page-title .cm-title-s {
	line-height: 1;
	font-size: 12px;
	display: block
}
.cm-header .cm-page-mutil-title {
	font-size: 14px;
	line-height: 19px;
	padding-top: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	height: 44px
}
.cm-header .cm-page-tabs-title {
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	display: inline-block;
	background-color: #066f9b;
	border-radius: 4px;
	padding: 1px;
	line-height: 29px;
	margin: 5px 0 0 0
}
.cm-header .cm-page-tabs-title span {
	float: left;
	font-size: 15px;
	min-width: 60px;
	max-width: 70px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 0 5px;
}
.cm-header .cm-page-tabs-title span.active {
	background-color: #099fde;
	color: #fff
}
.cm-header .cm-page-tabs-title span:first-child {
	border-radius: 4px 0 0 4px
}
.cm-header .cm-page-tabs-title span:last-child {
	border-radius: 0 4px 4px 0
}
.cm-header .cm-page-select-title {
	line-height: 44px
}
.cm-header .cm-page-select-title::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
	position: relative;
	top: -2px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}
.cm-header .cm-page-select-title.expanded::after {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	top: 1px
}
.cm-header .cm-header-icon,
.cm-header .cm-header-btn {
	cursor: pointer
}
.cm-header .cm-header-icon:active,
.cm-header .cm-header-btn:active {
	background-color: #077cad
}
.cm-header .cm-header-icon {
	width: 44px;
	height: 44px;
	display: inline-block;
	text-align: center
}
.cm-header .cm-header-btn {
	padding: 0 10px
}
.cm-header--light {
	background: #fff;
	color: #099fde
}
.cm-header--light .icon-back {
	background: none
}
.cm-header--light .icon-back::before {
	border-color: #099fde
}
.cm-header--light .cm-page-tabs-title {
	color: #fff
}
.cm-header--light .cm-header-icon:active,
.cm-header--light .cm-header-btn:active {
	background-color: transparent
}
.cm-header--light .cm-page-tabs-title span {
	color: #099fde;
	background-color: #fff
}
.cm-header--light .cm-page-select-title::after {
	border-color: #099fde
}
.cm-header--light .icon-email {
	background-position: -24px -124px
}
.cm-header--light .icon-home {
	background-position: 0 -124px
}
.icon-switch {
	height: 28px;
	width: 46px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-color: #CCCCCC;
	border-radius: 14px;
	overflow: hidden;
	cursor: pointer;
	z-index: 1
}
.icon-switch::before {
	content: "";
	height: 28px;
	width: 46px;
	position: absolute;
	left: -46px;
	background-color: #099FDE;
	border-radius: 14px;
	-webkit-transition: left 0.2s ease 0s;
	transition: left 0.2s ease 0s;
	z-index: 2
}
.icon-switch::after {
	content: "";
	height: 24px;
	width: 24px;
	background-color: #fff;
	border-radius: 14px;
	position: absolute;
	left: 2px;
	top: 2px;
	-webkit-transition: left 0.2s ease 0s;
	transition: left 0.2s ease 0s;
	z-index: 3
}
.icon-switch.active::before {
	left: 0
}
.icon-switch.active::after {
	left: 20px
}
.cm-num-adjust {
	height: 33px;
	color: #099fde;
	background-color: #fff;
	display: inline-block;
	border-radius: 4px
}
.cm-num-adjust .cm-adjust-minus,
.cm-num-adjust .cm-adjust-plus,
.cm-num-adjust .cm-adjust-view {
	width: 33px;
	height: 33px;
	line-height: 31px;
	text-align: center;
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.cm-num-adjust .cm-adjust-minus,
.cm-num-adjust .cm-adjust-plus {
	cursor: pointer;
	border: 1px solid #099fde
}
.cm-num-adjust .cm-adjust-minus.disabled,
.cm-num-adjust .cm-adjust-plus.disabled {
	cursor: default!important;
	background-color: #fff!important;
	border-color: #999!important
}
.cm-num-adjust .cm-adjust-minus.disabled::before,
.cm-num-adjust .cm-adjust-minus.disabled::after,
.cm-num-adjust .cm-adjust-plus.disabled::before,
.cm-num-adjust .cm-adjust-plus.disabled::after {
	background-color: #999!important
}
.cm-num-adjust .cm-adjust-minus:active,
.cm-num-adjust .cm-adjust-plus:active {
	background-color: #099fde
}
.cm-num-adjust .cm-adjust-minus:active::before,
.cm-num-adjust .cm-adjust-minus:active::after,
.cm-num-adjust .cm-adjust-plus:active::before,
.cm-num-adjust .cm-adjust-plus:active::after {
	background-color: #fff
}
.cm-num-adjust .cm-adjust-minus {
	border-right: none;
	border-radius: 4px 0 0 4px;
	position: relative
}
.cm-num-adjust .cm-adjust-minus::before {
	content: "";
	height: 2px;
	width: 16px;
	background-color: #099fde;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0)
}
.cm-num-adjust .cm-adjust-minus + .cm-adjust-plus {
	border-left: 1px solid #099fde
}
.cm-num-adjust .cm-adjust-plus {
	border-left: none;
	border-radius: 0 4px 4px 0;
	position: relative
}
.cm-num-adjust .cm-adjust-plus::before,
.cm-num-adjust .cm-adjust-plus::after {
	content: "";
	width: 16px;
	height: 2px;
	background-color: #099fde;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0)
}
.cm-num-adjust .cm-adjust-plus::after {
	width: 2px;
	height: 16px
}
.cm-num-adjust .cm-adjust-view {
	border: 1px solid #099fde;
	overflow: hidden
}
.cm-num-adjust input.cm-adjust-view {
	background-color: #fff;
	border-radius: 0;
	line-height: normal;
	padding-top: 5px;
	width: 37px;
	-webkit-appearance: none
}
.cm-num-adjust input.cm-adjust-view:focus {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none
}
.cm-tabs-nav .cm-tabs-title-list {
	display: table;
	table-layout: fixed;
	width: 100%
}
.cm-tabs-nav .cm-tabs-title-list li {
	display: table-cell
}
.cm-tabs-nav {
	position: relative;
	border-bottom: 1px solid #dbdbdb;
	line-height: 44px
}
.cm-tabs-nav .cm-tabs-title-list li {
	text-align: center
}
.cm-tabs-nav .cm-tabs-title-list li.active {
	color: #099fde
}
.cm-tabs-nav .icon-active {
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 50%;
	height: 4px;
	background-color: #099fde;
	-webkit-transform: left 0.3s ease-in-out;
	transform: left 0.3s ease-in-out
}
.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
.flex li {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.cm-actions {
	display: table;
	table-layout: fixed;
	width: 100%
}
.cm-actions .cm-actions-btn {
	display: table-cell
}
.cm-actions .cm-actions-btn {
	color: #099fde;
	height: 44px;
	line-height: 44px;
	text-align: center;
	border-top: 1px solid #dbdbdb;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	cursor: pointer
}
.cm-actions .cm-actions-btn:first-child {
	border-left: none
}
.cm-actions .cm-actions-btn:active {
	background: #e6e6e6
}
.cm-actions--full {
	display: block
}
.cm-actions--full .cm-actions-btn {
	display: block;
	width: 100%;
	border-left: none
}
.cm-modal .cm-modal-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.cm-modal {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	background-color: #fff;
	border-radius: 4px;
	overflow: hidden;
	width: 300px;
	padding-top: 44px;
	z-index: 985
}
.cm-modal .cm-modal-hd {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 44px;
	line-height: 44px;
	background-color: #099fde;
	color: #fff;
	border-radius: 4px 4px 0 0
}
.cm-modal .cm-modal-title {
	line-height: 44px;
	padding-left: 10px;
	padding-right: 44px;
	font-weight: bold;
	font-size: 16px
}
.cm-modal .cm-modal-hd--center {
	text-align: center
}
.cm-modal .cm-modal-hd--center .cm-modal-title {
	padding-right: 10px
}
.cm-modal .cm-modal-hd--tint {
	background-color: #fff;
	color: #333
}
.cm-modal .cm-modal-hd--tint .icon-close {
	background-color: rgba(0, 0, 0, 0.7);
	width: 30px;
	height: 30px;
	border-radius: 15px;
	top: 7px;
	right: 5px;
	line-height: 30px
}
.cm-modal .cm-modal-bd {
	position: relative;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch
}
.cm-modal--no-header {
	padding-top: 0
}
.cm-modal--ft {
	padding-bottom: 44px
}
.cm-modal--ft .cm-modal-ft {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 44px;
	line-height: 44px;
	border-top: 1px solid #ccc;
	background-color: #fff;
	border-radius: 0 0 4px 4px
}
.cm-modal--ft .cm-modal-ft.cm-actions {
	border-top: none
}
.cm-modal--alert {
	border: 1px solid #dbdbdb;
	width: 280px;
	padding-top: 0
}
.cm-modal--alert .cm-modal-bd {
	padding: 20px 10px;
	text-align: center
}
.cm-modal--alert .cm-modal-bd .cm-alert-title {
	font-weight: bold;
	font-size: 16px
}
.cm-modal--alert .cm-modal-bd .cm-mutil-lines {
	text-align: left
}
.cm-radio-list li {
	padding-right: 30px;
}
.cm-radio-list .active {
	color: #099fde;
}
.cm-radio-list .active::after {
	content: "";
	width: 14px;
	height: 6px;
	border-bottom: 2px solid #099fde;
	border-left: 2px solid #099fde;
	position: absolute;
	top: 50%;
	right: 8px;
	margin-top: -4px;
	-webkit-transform: rotate(-45deg) translateY(-50%);
	-ms-transform: rotate(-45deg) translateY(-50%);
	transform: rotate(-45deg) translateY(-50%);
}
.cm-modal .cm-radio-list li:first-child,
.cm-modal .cm-checkbox-list li:first-child {
	border-top: none
}
.cm-modal .cm-radio-list li:last-child,
.cm-modal .cm-checkbox-list li:last-child {
	border-bottom: none
}
.cm-modal--action {
	background: none;
	padding-top: 0;
	-webkit-transform: none;
	transform: none;
	margin-left: -150px;
	top: auto;
	bottom: 0
}
.cm-modal--action .cm-actions {
	margin-bottom: 10px;
	border-radius: 4px;
	background-color: #fff;
	overflow: hidden;
	border: 1px solid #dbdbdb;
	border-top: none
}
.cm-slide .cm-slide-list:before,
.cm-slide .cm-slide-list:after {
	content: "";
	display: table
}
.cm-slide .cm-slide-list:after {
	clear: both
}
.cm-slide {
	overflow: hidden;
	position: relative;
	height: 210px
}
.cm-slide .cm-slide-view {
	width: 100%
}
.cm-slide .cm-slide-list {
	width: 4000px;
	position: absolute
}
.cm-slide .cm-slide-list .cm-slide-item {
	float: left
}
.cm-slide--full-img img {
	width: 100%
}
.cm-slide.cm-slide--vertical .cm-slide-list {
	width: 100%
}
.cm-slide.cm-slide--vertical .cm-slide-list .cm-slide-item {
	float: none
}
.cm-slide .cm-slide-bullet {
	position: absolute;
	z-index: 99;
	left: 0;
	right: 0;
	bottom: 10px;
	text-align: center
}
.cm-slide .cm-slide-bullet .cm-bullet-item {
	font-style: normal;
	font-size: 0;
	background-color: rgba(0, 0, 0, 0.8);
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 5px;
	margin: 2px
}
.cm-slide .cm-slide-bullet .cm-bullet-item.active {
	background-color: rgba(255, 255, 255, 0.8)
}
.cm-scroll-select .cm-select-list li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.cm-scroll-select-wrap,
.cm-scroll-select {
	overflow: hidden;
	height: 180px;
	position: relative
}
.cm-scroll-select {
	background-color: #fff;
	font-size: 16px
}
.cm-scroll-select .cm-select-list {
	text-align: center;
	line-height: 36px;
	color: #ccc
}
.cm-scroll-select .cm-select-list li.active {
	color: #333
}
.cm-scroll-select::before,
.cm-scroll-select::after {
	content: "";
	height: 1px;
	background-color: #099fde;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -18px
}
.cm-scroll-select::after {
	margin-top: 18px
}
.cm-select-mask {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(45%, rgba(255, 255, 255, 0)), color-stop(55%, rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0)), color-stop(100%, white));
	background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 60%, white 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(45%, rgba(255, 255, 255, 0)), color-stop(55%, rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0)), to(white));
	background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 60%, white 100%)
}
.cm-scroll-select-group {
	position: relative
}
.cm-scroll-select-group .cm-scroll-select {
	float: left;
	width: 50%
}
.cm-scroll-select-group--birthday h3 {
	border-bottom: 1px solid #dbdbdb;
	line-height: 44px;
	text-align: center
}
.cm-scroll-select-group--birthday .cm-scroll-select {
	width: 30%;
	border-right: 1px solid #dbdbdb;
	margin: 5px 0;
	position: relative
}
.cm-scroll-select-group--birthday .cm-scroll-select:nth-of-type(1) {
	width: 40%
}
.cm-scroll-select-group--birthday .cm-scroll-select:nth-last-of-type(1) {
	border-right: none
}
.cm-scroll-select-group--birthday .cm-scroll-select::before,
.cm-scroll-select-group--birthday .cm-scroll-select::after {
	left: 3px;
	right: 3px
}
.icon-del {
	width: 16px;
	height: 16px;
	display: inline-block;
	line-height: 1;
	border: 1px solid #333;
	border-left: none;
	position: relative;
	border-radius: 0 4px 4px 0 0;
	margin-left: 6px
}
.icon-del::before {
	content: "";
	width: 12px;
	height: 12px;
	border: 1px solid #333;
	border-width: 1px 0 0 1px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	left: -6px;
	top: 1px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.icon-del .icon-close {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 2px
}
.icon-del .icon-close::before,
.icon-del .icon-close::after {
	background-color: #333;
	width: 1px;
	height: 10px
}
.cm-keyboard-list:before,
.cm-keyboard-list:after {
	content: "";
	display: table
}
.cm-keyboard-list:after {
	clear: both
}
.cm-pop--num-keyboard {
	bottom: 0
}
.cm-pop--num-keyboard .cm-keyboard-bar {
	background-color: #e2e2e2;
	text-align: right;
	padding-right: 10px;
	height: 44px;
	line-height: 44px;
	border-top: 1px solid #dbdbdb
}
.cm-pop--num-keyboard .cm-keyboard-bar .btn-secondary {
	line-height: 30px;
	height: 30px;
	padding: 0 15px
}
.cm-keyboard-list {
	font-size: 16px
}
.cm-keyboard-list li {
	float: left;
	text-align: center;
	width: 33%;
	line-height: 54px;
	border: 1px solid #dbdbdb;
	border-width: 1px 1px 0 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cm-keyboard-list li:active {
	background-color: #efefef
}
.cm-keyboard-list li:nth-of-type(3n+3) {
	width: 34%;
	border-right: none
}
.cm-keyboard-list li:last-of-type,
.cm-keyboard-list li:nth-last-of-type(3) {
	background-color: #e2e2e2
}
.cm-keyboard-list .icon-del {
	top: 2px
}
.cp-h5-main .loading-box .i-loading,
.cp-h5-main .loading-animate,
.cp-h5-main .loading-animate .eye,
.cp-h5-main .loading-animate .eye2,
.cp-h5-main .loading-animate .tail,
.cp-h5-main .loading-animate .l-hand,
.cp-h5-main .loading-animate .r-hand,
.cp-h5-main .loading-animate .text,
.cp-h5-main .loading-animate .sweat,
.cp-h5-main .loading-animate .bubble {
	background-image: url("%3D%3D");
	background-size: 180px auto;
	background-repeat: no-repeat
}
.cp-h5-main .loading-box {
	padding-top: 75px;
	text-align: center
}
.cp-h5-main .loading-box p {
	font-size: 15px;
	color: #666
}
.cp-h5-main .loading-box .i-loading {
	width: 13px;
	height: 14px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	background-position: -160px -67px;
	-webkit-animation: loading 1s linear 0s infinite;
	animation: loading 1s linear 0s infinite
}
.cp-h5-main .loading-animate {
	position: relative;
	top: 0;
	margin: 0 auto 40px;
	width: 66px;
	height: 83px;
	background-position: 0 0;
	-webkit-animation: bodyMove2 1.7s linear 0s infinite;
	animation: bodyMove2 1.7s linear 0s infinite
}
.cp-h5-main .loading-animate .eye {
	position: absolute;
	width: 35px;
	height: 13px;
	left: 23px;
	top: 14px;
	background-position: -85px -95px;
	-webkit-animation: blink1 1s linear 0s infinite;
	animation: blink1 1s linear 0s infinite
}
.cp-h5-main .loading-animate .eye2 {
	position: absolute;
	width: 33px;
	height: 14px;
	left: 23px;
	top: 14px;
	background-position: -130px -95px;
	-webkit-animation: blink2 1s linear 0s infinite;
	animation: blink2 1s linear 0s infinite
}
.cp-h5-main .loading-animate .tail {
	position: absolute;
	width: 25px;
	height: 19px;
	left: 23px;
	top: 76px;
	background-position: 0px -95px;
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top;
	-webkit-animation: tailMove2 1.7s linear 0s infinite;
	animation: tailMove2 1.7s linear 0s infinite
}
.cp-h5-main .loading-animate .l-hand {
	position: absolute;
	width: 11px;
	height: 20px;
	left: 11px;
	top: 44px;
	background-position: -33px -95px;
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top;
	-webkit-animation: lHandMove2 0.8s linear 0s infinite;
	animation: lHandMove2 0.8s linear 0s infinite
}
.cp-h5-main .loading-animate .r-hand {
	position: absolute;
	width: 15px;
	height: 16px;
	left: 60px;
	top: 41px;
	background-position: -59px -95px;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-animation: rHandMove2 0.8s linear 0s infinite;
	animation: rHandMove2 0.8s linear 0s infinite;
	z-index: -1
}
.cp-h5-main .loading-animate .text {
	position: absolute;
	width: 29px;
	height: 22px;
	left: 60px;
	top: -16px;
	background-position: -119px -65px
}
.cp-h5-main .loading-animate .sweat {
	position: absolute;
	width: 19px;
	height: 21px;
	left: 53px;
	top: -4px;
	background-position: -83px -65px;
	-webkit-animation: blink2 1s linear 0s infinite;
	animation: blink2 1s linear 0s infinite
}
.cp-h5-main .loading-animate .bubble {
	position: absolute;
	width: 107px;
	height: 60px;
	left: -15px;
	top: 24px;
	background-position: -73px 0;
	-webkit-animation: bubbleMove2 1.7s linear 0s infinite;
	animation: bubbleMove2 1.7s linear 0s infinite
}
.cp-h5-main .small-loading .loading-box {
	padding-top: 30px
}
.cp-h5-main .small-loading .loading-animate {
	margin-bottom: 20px
}
/**今日样式**/
/*.current-date{
	background-color: rgba(255,0,0,.3);
	border-radius: 10px;
}
.current-date em{
	font-size: 15px;
	font-weight: bold;
}*/

@-webkit-keyframes bodyMove2 {
	0% {
		top: 0
	}
	25% {
		top: -6px
	}
	50% {
		top: 0
	}
	75% {
		top: -6px
	}
	100% {
		top: 0
	}
}
@keyframes bodyMove2 {
	0% {
		top: 0
	}
	25% {
		top: -6px
	}
	50% {
		top: 0
	}
	75% {
		top: -6px
	}
	100% {
		top: 0
	}
}
@-webkit-keyframes bubbleMove2 {
	0% {
		top: 24px
	}
	25% {
		top: 43px
	}
	50% {
		top: 24px
	}
	75% {
		top: 43px
	}
	100% {
		top: 24px
	}
}
@keyframes bubbleMove2 {
	0% {
		top: 24px
	}
	25% {
		top: 43px
	}
	50% {
		top: 24px
	}
	75% {
		top: 43px
	}
	100% {
		top: 24px
	}
}
@-webkit-keyframes tailMove2 {
	0% {
		-webkit-transform: rotate(0)
	}
	25% {
		-webkit-transform: rotate(15deg)
	}
	50% {
		-webkit-transform: rotate(0deg)
	}
	75% {
		-webkit-transform: rotate(15deg)
	}
	100% {
		-webkit-transform: rotate(0)
	}
}
@keyframes tailMove2 {
	0% {
		transform: rotate(0)
	}
	25% {
		transform: rotate(15deg)
	}
	50% {
		transform: rotate(0deg)
	}
	75% {
		transform: rotate(15deg)
	}
	100% {
		transform: rotate(0)
	}
}
@-webkit-keyframes rHandMove2 {
	0% {
		-webkit-transform: rotate(0)
	}
	25% {
		-webkit-transform: rotate(-60deg)
	}
	50% {
		-webkit-transform: rotate(0deg)
	}
	75% {
		-webkit-transform: rotate(-60deg)
	}
	100% {
		-webkit-transform: rotate(0)
	}
}
@keyframes rHandMove2 {
	0% {
		transform: rotate(0)
	}
	25% {
		transform: rotate(-60deg)
	}
	50% {
		transform: rotate(0deg)
	}
	75% {
		transform: rotate(-60deg)
	}
	100% {
		transform: rotate(0)
	}
}
@-webkit-keyframes lHandMove2 {
	0% {
		-webkit-transform: rotate(0)
	}
	25% {
		-webkit-transform: rotate(60deg)
	}
	50% {
		-webkit-transform: rotate(0deg)
	}
	75% {
		-webkit-transform: rotate(60deg)
	}
	100% {
		-webkit-transform: rotate(0)
	}
}
@keyframes lHandMove2 {
	0% {
		transform: rotate(0)
	}
	25% {
		transform: rotate(60deg)
	}
	50% {
		transform: rotate(0deg)
	}
	75% {
		transform: rotate(60deg)
	}
	100% {
		transform: rotate(0)
	}
}
@-webkit-keyframes loading {
	0% {
		-webkit-transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg)
	}
}
@keyframes loading {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(360deg)
	}
}
@-webkit-keyframes blink1 {
	0% {
		opacity: 1
	}
	50% {
		opacity: 1
	}
	51% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}
@keyframes blink1 {
	0% {
		opacity: 1
	}
	50% {
		opacity: 1
	}
	51% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}
@-webkit-keyframes blink2 {
	0% {
		opacity: 0
	}
	50% {
		opacity: 0
	}
	51% {
		opacity: 1
	}
	100% {
		opacity: 1
	}
}
@keyframes blink2 {
	0% {
		opacity: 0
	}
	50% {
		opacity: 0
	}
	51% {
		opacity: 1
	}
	100% {
		opacity: 1
	}
}